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 相关文章推荐
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
使用变量动态设置js的属性名
Oct 19 Javascript
JavaScript Function函数类型介绍
Apr 08 Javascript
JS拖拽组件学习使用
Jan 19 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
jQuery加载及解析XML文件的方法实例分析
Jan 22 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
javascript 中事件冒泡和事件捕获机制的详解
Sep 01 Javascript
JavaScript中严格判断NaN的方法
Feb 16 Javascript
简单了解前端渐进式框架VUE
Jul 20 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&amp;java(三)
2006/10/09 PHP
PDO防注入原理分析以及注意事项
2015/02/25 PHP
PHP用FTP类上传文件视频等的简单实现方法
2016/09/23 PHP
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
JavaScript 学习笔记(十五)
2010/01/28 Javascript
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
Js+Jq获取URL参数的集中方法示例代码
2014/05/20 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
PHP实现本地图片上传和验证功能
2017/02/27 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
jQuery实现简单全选框
2020/09/13 jQuery
前端vue如何使用高德地图
2020/11/05 Javascript
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
从零学Python之入门(三)序列
2014/05/25 Python
Python模块结构与布局操作方法实例分析
2017/07/24 Python
Python中字符串与编码示例代码
2019/05/20 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
python GUI库图形界面开发之PyQt5滑块条控件QSlider详细使用方法与实例
2020/02/28 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
python实现凯撒密码、凯撒加解密算法
2020/06/11 Python
python实现ping命令小程序
2020/12/28 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
Europcar英国:英国汽车和货车租赁
2017/01/21 全球购物
学校运动会开幕演讲稿
2014/01/04 职场文书
函授毕业个人自我评价
2014/02/20 职场文书
婚庆公司计划书
2014/09/15 职场文书
家庭贫困证明书(3篇)
2014/09/15 职场文书
健康状况证明模板
2014/10/23 职场文书
公司的力量观后感
2015/06/05 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书