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

2019/6/27 21:38:18

本文主要是介绍jQ处理xml文件和xml字符串的方法(详解),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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字符串的方法(详解)全部内容了,希望大家多多支持找一找教程网~



这篇关于jQ处理xml文件和xml字符串的方法(详解)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程