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 获取HTML DOM节点元素的方法小结
Apr 24 Javascript
javascript中的float运算精度实例分析
Aug 21 Javascript
JavaScript中的排序算法代码
Feb 22 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
vue 虚拟dom的patch源码分析
Mar 01 Javascript
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通用检测函数集合
2011/02/08 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
JSONP 跨域共享信息
2012/08/16 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
node使用UEditor富文本编辑器的方法实例
2017/07/11 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
基于iScroll实现内容滚动效果
2018/03/21 Javascript
详解各版本React路由的跳转的方法
2018/05/10 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
js实现点击展开隐藏效果(实例代码)
2018/09/28 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
微信小程序实现一张或多张图片上传(云开发)
2019/09/25 Javascript
[05:31]DOTA2英雄梦之声_第04期_光之守卫
2014/06/23 DOTA
Python struct.unpack
2008/09/06 Python
Python PyQt5标准对话框用法示例
2017/08/23 Python
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
python使用Pandas库提升项目的运行速度过程详解
2019/07/12 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
酒店员工检讨书
2014/02/18 职场文书
火锅店的活动方案
2014/08/15 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
水利专业大学生职业生涯规划书范文
2014/09/17 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
Python中常见的导入方式总结
2021/05/06 Python
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL
APP界面设计技巧和注意事项
2022/04/29 杂记