jQ处理xml文件和xml字符串的方法(详解)


Posted in Javascript onNovember 22, 2016

1.xml文件

<?xml version="1.0" encoding="utf-8" ?> 
<root> 
  <book id="1"> 
    <name>锋利的jQuery1</name> 
    <author>XXX1</author> 
    <price>250</price> 
  </book> 
  <book id="2"> 
    <name>锋利的jQuery2</name> 
    <author>XXX2</author> 
    <price>99</price> 
  </book> 
  <book id="3"> 
    <name>锋利的jQuery3</name> 
    <author>XXX3</author> 
    <price>108</price> 
  </book> 
  <book id="4"> 
    <name>锋利的jQuery4</name>
    <author>XXX4</author> 
    <price>128</price> 
  </book> 
</root>

2.jQuery代码

window.onload = function () {
      //get解析xml文件
      $.get("1.xml", function (data) {
        $data = $(data);
        //获得节点
        var $books = $data.find("book");
        var $names = $data.find("name");
        var $authors = $data.find("author");
        //var $authors = $data.find("author") = $books.children("author") = $names.siblings("author");//获得books的子节点
        //获得属性、节点text
        //var id = $($books[0]).attr("id") = $books[0].getAttribute("id");//获得第一个book的id属性
        $authors.each(function () {
          var author_text = $(this).text(); //获得节点内部文本,尝试过用nodeValue无果(不兼容)
        })
      })
      //ajax解析xml文件
      $.ajax({
        url: "1.xml",
        dataType: "xml",
        success: function (data) {
          var $data = $(data);
          var $books = $data.find("book");
          //以下操作同上
        }
      })
    }

3.jQuery处理xml字符串

//jQuery解析xml字符串
      var xmlStr = "<root><book id='1'><name>锋利的jQuery1</name><author>XXX1</author><price>250</price></book><book id='2'><name>锋利的jQuery2</name><author>XXX2</author><price>99</price></book><book id='3'><name>锋利的jQuery3</name><author>XXX3</author><price>108</price></book><book id='4'><name>锋利的jQuery4</name><author>XXX4</author><price>128</price></book></root>";
      var $xmlDoc = $($.parseXML(xmlStr));
      var $books = $xmlDoc.find("book");
      var $names = $xmlDoc.find("name");
      alert($($names[0]).text());
      //其他操作与2相同

以上就是小编为大家带来的jQ处理xml文件和xml字符串的方法(详解)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
js form action动态修改方法
Nov 04 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
利用JS制作万年历的方法
Aug 16 Javascript
简单实现jQuery手风琴效果
Aug 18 jQuery
浅谈用Webpack路径压缩图片上传尺寸获取的问题
Feb 22 Javascript
Vue中的字符串模板的使用
May 17 Javascript
解决vue初始化项目一直停在downloading template的问题
Nov 09 Javascript
js字符串操作总结(必看篇)
Nov 22 #Javascript
JavaScript的兼容性与调试技巧
Nov 22 #Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 #Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 #Javascript
老生常谈原生JS执行环境与作用域
Nov 22 #Javascript
JS中位置与大小的获取方法
Nov 22 #Javascript
javascript中Date对象的使用总结
Nov 21 #Javascript
You might like
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
PHP统一页面编码避免乱码问题
2015/04/09 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
2015/09/06 Javascript
AngularJS 所有版本下载地址
2016/09/14 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
浅谈sass在vue注意的地方
2017/08/10 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
python的tkinter布局之简单的聊天窗口实现方法
2014/09/03 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
flask使用session保存登录状态及拦截未登录请求代码
2018/01/19 Python
20个常用Python运维库和模块
2018/02/12 Python
Django 限制用户访问频率的中间件的实现
2018/08/23 Python
Python3中列表list合并的四种方法
2019/04/19 Python
python使用KNN算法识别手写数字
2019/04/25 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
CK美国官网:Calvin Klein
2016/08/26 全球购物
美国眼镜网站:LensCrafters
2020/01/19 全球购物
优秀毕业生推荐信
2013/11/02 职场文书
中学生团员自我评价分享
2013/12/07 职场文书
高中毕业自我鉴定
2013/12/16 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
时尚休闲吧创业计划书
2014/01/25 职场文书
红旗团支部事迹材料
2014/01/27 职场文书
民事诉讼授权委托书范文
2014/08/02 职场文书
人事专员岗位职责
2015/02/03 职场文书
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS