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 相关文章推荐
理解Javascript_08_函数对象
Oct 15 Javascript
jquery插件 autoComboBox 下拉框
Dec 22 Javascript
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
jquery实现点击消失的代码
Mar 03 Javascript
js 实现浏览历史记录示例
Apr 20 Javascript
jQuery中focus事件用法实例
Dec 26 Javascript
React Native实现进度条弹框的示例代码
Jul 17 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
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
很实用的一个完整email发送程序
2006/10/09 PHP
PHP Google的translate API代码
2008/12/10 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
thinkPHP利用ajax异步上传图片并显示、删除的示例
2018/09/26 PHP
jquery $.ajax入门应用一
2008/11/19 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
jQuery中绑定事件bind() on() live() one()的异同
2017/02/23 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
微信小程序中this.data与this.setData的区别详解
2018/09/17 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
2019/05/13 Javascript
详解Python中break语句的用法
2015/05/14 Python
深入学习Python中的装饰器使用
2016/06/20 Python
Python的消息队列包SnakeMQ使用初探
2016/06/29 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
2020/06/22 Python
Python 实现微信自动回复的方法
2020/09/11 Python
家长会学生演讲稿
2014/04/26 职场文书
推荐信格式要求
2014/05/09 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
总经理致辞
2015/07/29 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
合作协议书格式范本
2016/03/21 职场文书
 python中的元类metaclass详情
2022/05/30 Python