jquery解析xml字符串示例分享


Posted in Javascript onMarch 25, 2014

第一种方案:

<script type="text/javascript">
$(document).ready(function() {
 $.ajax({
    url: 'http://www.test.net/cgi/test.xml',
    dataType: 'xml',
    success: function(data){
     //console.log(data);
    $(data).find("channel").find("item").each(function(index, ele) {
    var titles = $(ele).find("title").text();
    var links = $(ele).find("link").text();
    console.log(titles+'-----');
    $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');
   });
  }
 });
}) 
</script>
    <div id="noticecon">
  <ol>
  </ol>
 </div>

第二种方案:

<script type="text/javascript">
 $.get("http://www.test.net/cgi/test.xml", function(data){
  $(data).find('channel').find('item').each(function(index, ele){
   var titles = $(ele).find('title').text();
   var links = $(ele).find('link').text();
   $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');
  })
 });
</script>
    <div id="noticecon">
  <ol>
  </ol>
 </div>

一般步骤如下:

1. 读取xml文件

$.get("xmlfile.xml",function(xml){    
 $(xml).find("item").length;    
});

2. 读取xml内容

如果读取的xml是来于xml文件,这结合上面的那点,处理如下:

$.get("xmlfile.xml",function(xml){    
 $(xml).find("item").length;    
});

如果读取的是xml字符串,则要注意一点,xml字符串的必然被"<xml>"和"</xml>"包围才可以被解析

$("<xml><root><item></item></root></xml>").find("item").length;

解析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>

以下是解析示例代码:

$(xml).find("field").each(function() {
 var field = $(this);
 var fName = field.attr("Name");//读取节点属性
 var dataType = field.find("datatype").text();//读取子节点的值
});
Javascript 相关文章推荐
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
js类式继承的具体实现方法
Dec 31 Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 Javascript
判断是否存在子节点的实现代码
May 18 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
JS实现简易刻度时钟示例代码
Mar 11 Javascript
谈谈VUE种methods watch和compute的区别和联系
Aug 01 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
详解wepy开发小程序踩过的坑(小结)
May 22 Javascript
vue+moment实现倒计时效果
Aug 26 Javascript
浅析JavaScript中的变量提升
Jun 01 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 #Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 #Javascript
Jquery插件编写简明教程
Mar 25 #Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 #Javascript
jquery默认校验规则整理
Mar 24 #Javascript
Javascript连接多个数组不用concat来解决
Mar 24 #Javascript
jqeury-easyui-layout问题解决方法
Mar 24 #Javascript
You might like
php你的验证码安全码?
2007/01/02 PHP
用PHP与XML联手进行网站编程代码实例
2008/07/10 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
JS 统计时间
2021/03/09 Javascript
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
js 深拷贝函数
2008/12/04 Javascript
JavaScript 字符串处理函数使用小结
2010/12/02 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
js类式继承与原型式继承详解
2016/04/07 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
python re正则表达式模块(Regular Expression)
2014/07/16 Python
Python语言描述机器学习之Logistic回归算法
2017/12/21 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
Python利用Pillow(PIL)库实现验证码图片的全过程
2020/10/04 Python
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
Helly Hansen工作服美国官方网上商店:为最恶劣的环境
2019/09/04 全球购物
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
2014/09/15 面试题
解决方案设计综合面试题
2015/08/31 面试题
大课间活动制度
2014/01/18 职场文书
师德师风自我评价范文
2014/09/11 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书
2019 入党申请书范文
2019/07/10 职场文书
Python anaconda安装库命令详解
2021/10/16 Python
2022年四月新番
2022/03/15 日漫
Docker下安装Oracle19c
2022/04/13 Servers
Windows Server 2016服务器用户管理及远程授权图文教程
2022/08/14 Servers