JQuery解析XML（学习日记）

来源：互联网发布：dota2 7.07 知乎编辑：程序博客网时间：2024/05/16 16:21

xml数据以书籍为例
id=编号
name=书名
author=作者

book.xml

<?xml version="1.0" encoding="UTF-8"?><books>    <book>    <id>001</id>    <name>论语</name>    <author>孔子</author>    </book>    <book>    <id>002</id>    <name>孙子兵法</name>    <author>孙武 </author>    </book>    <book>    <id>003</id>    <name>三国演义</name>    <author>罗贯中</author>    </book></books>

前端JQuery代码
bookXml.html

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <script src="../js/jquery-3.2.1.min.js"></script>        <script type="text/javascript">             jQuery(document).ready(function() {                $.get("book.xml", function(xmlData) {                    var htmlData = "<table border='1'>";                    $(xmlData).find("book").each(function() {                        var book = $(this);                         //var book = book.attr("ProductID");                         var id = book.find("id").text();                         var name = book.find("name").text();                         var author = book.find("author").text();                        htmlData += "<tr>";                        htmlData += " <td>" + id + "</td>";                        htmlData += " <td>" + name + "</td>";                        htmlData += " <td>" + author + "</td>";                        htmlData += "</tr>";                    });                    htmlData += "</table>";                    $("body").append(htmlData);                });            });        </script>    </body></html>

另外若是还是实现不了可以参考一下
验证XML格式是否正确：
http://www.runoob.com/xml/xml-validator.html

阅读全文

0 0