首页 > Web开发 > 详细

【jQuery】jQ处理xml文件

时间:2014-10-16 12:07:03      阅读:313      评论:0      收藏:0      [点我收藏+]

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

 

【jQuery】jQ处理xml文件

原文:http://www.cnblogs.com/zspbolg/p/4028232.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!