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 Tab 导航插件 (23个)
Jun 11 Javascript
javascript 面向对象编程基础:继承
Aug 21 Javascript
jquery 表单取值常用代码
Dec 22 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
JSON格式化输出
Nov 10 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
Jan 24 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
基于jQuery实现网页打印功能
Dec 01 Javascript
javascript中this指向详解
Apr 23 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 Javascript
JS forEach跳出循环2种实现方法
Jun 24 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中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
php session 写入数据库
2016/02/13 PHP
PHP单例模式模拟Java Bean实现方法示例
2018/12/07 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
Gird事件机制初级读本
2007/03/10 Javascript
setAttribute 与 class冲突解决
2008/02/17 Javascript
jquery操作select option 的代码小结
2011/06/21 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
javascript实现倒计时并弹窗提示特效
2015/06/05 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
Angular5中状态管理的实现
2018/09/03 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
2020/03/31 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
[40:50]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第四场
2014/05/24 DOTA
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
python+opencv轮廓检测代码解析
2018/01/05 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
对python中GUI,Label和Button的实例详解
2019/06/27 Python
Django model update的多种用法介绍
2020/03/28 Python
Django 导出项目依赖库到 requirements.txt过程解析
2019/08/23 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
10个顶级Python实用库推荐
2021/03/04 Python
祖国在我心中演讲稿300字
2014/05/04 职场文书
淘宝活动总结范文
2014/06/26 职场文书
春游踏青活动方案
2014/08/14 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
汽车转让协议书范本
2014/12/07 职场文书
课外活动实习计划
2015/01/19 职场文书
检讨书模板大全
2015/05/07 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
OpenCV-Python实现人脸磨皮算法
2021/06/07 Python