jQuery读取XML文件的方法示例


Posted in Javascript onFebruary 03, 2017

本文实例讲述了jQuery读取XML文件的方法。分享给大家供大家参考,具体如下:

<?xml version="1.0" encoding="utf-8" ?>
 <taxrates>
 <taxrate id="1">
  <lower>0</lower>
  <upper>500</upper>
  <rate>5</rate>
  <buckle>0</buckle>
 </taxrate>
 <taxrate id="2">
  <lower>500</lower>
  <upper>2000</upper>
  <rate>10</rate>
  <buckle>25</buckle>
 </taxrate>
 <taxrate id="3">
  <lower>2000</lower>
  <upper>5000</upper>
  <rate>15</rate>
  <buckle>125</buckle>
 </taxrate>
 <taxrate id="4">
  <lower>5000</lower>
  <upper>20000</upper>
  <rate>20</rate>
  <buckle>375</buckle>
 </taxrate>
 <taxrate id="5">
  <lower>20000</lower>
  <upper>40000</upper>
  <rate>25</rate>
  <buckle>1375</buckle>
 </taxrate>
 <taxrate id="6">
  <lower>40000</lower>
  <upper>60000</upper>
  <rate>30</rate>
  <buckle>3375</buckle>
 </taxrate>
 <taxrate id="7">
  <lower>60000</lower>
  <upper>80000</upper>
  <rate>35</rate>
  <buckle>6375</buckle>
 </taxrate>
 <taxrate id="8">
  <lower>80000</lower>
  <upper>100000</upper>
  <rate>40</rate>
  <buckle>10375</buckle>
 </taxrate>
 <taxrate id="9">
  <lower>100000</lower>
  <upper>99999999</upper>
  <rate>45</rate>
  <buckle>15375</buckle>
 </taxrate>
</taxrates>
function StandardTaxRate()
{
  $.ajax({
    url: "/Resource/salaryTaxRate.xml",
    dataType: 'xml',
    type: 'GET',
    timeout: 2000,
    error: function(xml)
    {
      alert("加载XML 文件出错!");
    },
    success: function(xml)
    {
      $(xml).find("taxrate").each(function(i)
      {
        var oid = $(this).attr("id");
        var lower = $(this).children("lower").text();
        var upper = $(this).children("upper").text();
        var rate = $(this).children("rate").text();
        var buckle = $(this).children("buckle").text();
        ///后续操作。。。
      });
    }
  });
}
Javascript 相关文章推荐
js检测iframe是否加载完成的方法
Nov 26 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
JavaScript动态生成二维码图片
Apr 20 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
利用Javascript实现简单的转盘抽奖
Feb 13 Javascript
Angular获取手机验证码实现移动端登录注册功能
May 17 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 Javascript
浅析vue中的nextTick
Dec 28 Vue.js
JavaScript函数基础详解
Feb 03 #Javascript
JavaScript提高加载和执行效率的方法
Feb 03 #Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 #Javascript
Node.js的特点详解
Feb 03 #Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 #Javascript
javascript判断回文数详解及实现代码
Feb 03 #Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 #Javascript
You might like
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
discuz免激活同步登入代码修改方法(discuz同步登录)
2013/12/24 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
JQuery扩展插件Validate—6 radio、checkbox、select的验证
2011/09/05 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
2012/10/29 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
实现JavaScript的组成----BOM和DOM详解
2016/05/18 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
2017/03/21 Javascript
详解nodejs模板引擎制作
2017/06/14 NodeJs
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
React组件refs的使用详解
2018/02/09 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
2019/04/07 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
Python中音频处理库pydub的使用教程
2017/06/07 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
对pytorch网络层结构的数组化详解
2018/12/08 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
工会经费申请报告
2015/05/15 职场文书
南极大冒险观后感
2015/06/05 职场文书
Redis分布式锁的7种实现
2022/04/01 Redis