ホームページ  >  記事  >  php教程  >  jQによるxmlファイルとxml文字列の処理方法(詳細説明)

jQによるxmlファイルとxml文字列の処理方法(詳細説明)

高洛峰
高洛峰オリジナル
2016-12-06 09:40:121622ブラウズ

件1.xml ファイル x R

<?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>
E

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");
          //以下操作同上
        }
      })
    }
e

3.jquery 処理 XML 文字列

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。