• 【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"> 
            <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相同
    
    复制代码
  • 相关阅读:
    ECS内网穿透
    设置服务器ssh会话时间
    VScode插件
    Linux拷贝U盘文件(命令行)
    打开IDM下载视频时弹出防火墙阻止下载,解决方案
    如何将jmeter.bat命令文件固定到任务栏
    jmeter安装教程
    安装JDK8.0(JDK1.8) & 环境变量配置 & idea中配置java路径
    教你不用任何第三方软件实现任务栏居中
    [Unity优化]gc03:代码优化
  • 原文地址:https://www.cnblogs.com/wyBlog117/p/7326416.html
Copyright © 2020-2023  润新知