zoukankan      html  css  js  c++  java
  • jquery解析xml

    更多的项目都是在解析json,今天临时让解析几个xml文件,其实都一样,总结一下吧。

    例如我们有这样一个xml文件

    <?xml version="1.0" encoding="utf-8" ?>
    <fields>
      <field Name="Name1">
        <fieldname>dsname</fieldname>
        <datatype>字符</datatype>
      </field>
      <field Name="Name2">
        <fieldname>dstype</fieldname>
        <datatype>字符</datatype>
      </field>
    </fields>

    该文件名称我们命名为data.xml

    首先我们要获取xml

    $.get("data.xml",function(xml){    
          
    });

    然后再 进行解析配置:例如这样:

    $(xml).find("field").each(function() {
        var field = $(this);
        var fName = field.attr("Name");//读取节点属性
        var dataType = field.find("datatype").text();//读取子节点的值
    });

    接下来就是进行渲染到html上了。

        <div id="div">
            <ul>
            </ul>
        </div>

    渲染效果就是这样:

     $("#div").find('ul').append('<li><a href="'+links+'">'+titles+'</a></li>');

    完整代码:

    html:

     <div id="div">
      <ul></ul>
     </div>

    javascript:

    $(xml).find("field").each(function() {
        var field = $(this);
        var fName = field.attr("Name");//读取节点属性
        var dataType = field.find("datatype").text();//读取子节点的值
     $("#div").find('ul').append('<li><a href="'+links+'">'+titles+'</a></li>');
    });
  • 相关阅读:
    41. 缺失的第一个正数
    40. 组合总和 II
    39. 组合总和
    38. 外观数列
    35. 搜索插入位置
    设计模式(1)单例模式
    一篇文章彻底搞懂Java的大Class到底是什么
    Vue实现一个MarkDown编辑器
    7 二分搜索树的原理与Java源码实现
    6 手写Java LinkedHashMap 核心源码
  • 原文地址:https://www.cnblogs.com/xiuber/p/6051824.html
Copyright © 2011-2022 走看看