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 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
js点击文本框后才加载验证码实例代码
Oct 20 Javascript
js实现文字选中分享功能
Jan 25 Javascript
微信小程序实战之自定义抽屉菜单(7)
Apr 18 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
Mar 02 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
微信小程序获取音频时长与实时获取播放进度问题
Aug 28 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
vue实现点击追加选中样式效果
Nov 01 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 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
Symfony页面的基本创建实例详解
2015/01/26 PHP
php生成图片缩略图的方法
2015/04/07 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
详解Laravel5.6 Passport实现Api接口认证
2018/07/27 PHP
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
2009/10/20 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
javascript基本类型详解
2014/11/28 Javascript
javascript实现捕捉键盘上按下的键
2015/05/05 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
简介JavaScript中toTimeString()方法的使用
2015/06/12 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
React Component存在的几种形式详解
2018/11/06 Javascript
Python Paramiko模块的安装与使用详解
2016/11/18 Python
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
python对html过滤处理的方法
2018/10/21 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
python 进程的几种创建方式详解
2019/08/29 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
python爬虫开发之使用python爬虫库requests,urllib与今日头条搜索功能爬取搜索内容实例
2020/03/10 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
laravel使用redis队列实例讲解
2021/03/23 PHP
运动会闭幕式解说词
2014/02/21 职场文书
科技工作者先进事迹
2014/08/16 职场文书
2014年检察院个人工作总结
2014/12/09 职场文书
初中英语教学反思范文
2016/02/15 职场文书
创业计划书之寿司
2019/07/19 职场文书
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript