【jQuery】jQ处理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");
                    //以下操作同上
                }
            })
        }
时间: 2024-10-21 11:13:02

【jQuery】jQ处理xml文件的相关文章

【jQuery】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&quo

jquery递归遍历xml文件,形成ul-li序列,生成树结构(使用了treeview插件)

treeview插件从这里获得,下载的文件中有demo,看demo文件夹里面的index.html文件就差不多知道如何使用该控件了,在我做的项目里用到的部分代码截图如下(在引用下面的js文件前要先引用jquery文件): <div id="project_list1"> <ul id="browser" class="filetree"> <li><span class="folder"

Jquery | ajax 读取xml 文件

<1> using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.IO; using System.Linq; using System.Web; using System.Xml.Serialization; namespace AJaxXmlApp { /// <summ

jquery加载解析XML文件

xml文件 <?xml version="1.0" encoding="utf-8" ?> <taxrates> <taxrate id="1"> <lower>0</lower> <upper>500</upper> <rate>5</rate> <buckle>0</buckle> </taxrate>

jquery解析XML文件实现的省市联动

XML我是直接在网上下载的文件包 拿过来用的 jquery我用的是3.1的 前台页面 1 <form action="buy.html" method="get"> 2 <div> 3 <table> 4 <tr> 5 <td colspan="2" align="center">送货地址确认</td> 6 </tr> 7 <tr>

jquery中get传输方法实现读取xml文件

xml文件: 1 <?xml version="1.0" encoding="gb2312"?> 2 <china> 3 <province name="吉林省"> 4 <city>长春</city> 5 <city>吉林市</city> 6 <city>四平</city> 7 <city>松原</city> 8 &

Spring MVC 配置文件dispatcher-servlet.xml 文件详解

<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/sch

js上传文件带参数,并且,返回给前台文件路径,解析上传的xml文件,存储到数据库中

ajaxfileupload.js jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' + id; if(window.ActiveXObject) { var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '&qu

js加载XML文件

// XML文件 <?xml version="1.0" encoding="gb2312"?> <root> <father name="菜单一"> <Child url="right.html" enable="false">子项1</Child> <Child url="right.html" enable=&quo