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 相关文章推荐
通用JS事件写法实现代码
Jan 07 Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
JavaScript中apply方法的应用技巧小结
Sep 29 Javascript
JS中关于事件处理函数名后面是否带括号的问题
Nov 16 Javascript
Vue.js用法详解
Nov 13 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
jquery拖拽自动排序插件使用方法详解
Jul 20 jQuery
详解vue3中组件的非兼容变更
Mar 03 Vue.js
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使用正则表达式清除超链接文本
2013/11/12 PHP
Laravel实现定时任务的示例代码
2017/08/10 PHP
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
2017/07/03 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
Pytorch在NLP中的简单应用详解
2020/01/08 Python
python tkinter 设置窗口大小不可缩放实例
2020/03/04 Python
Python无损压缩图片的示例代码
2020/08/06 Python
pycharm2020.2 配置使用的方法详解
2020/09/16 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
韩都衣舍天猫官方旗舰店:天猫女装销售总冠军
2017/10/10 全球购物
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
国际会议邀请函范文
2014/01/16 职场文书
学用政策心得体会
2014/09/10 职场文书
就业意向书范本
2015/05/11 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
Python实战之实现康威生命游戏
2021/04/26 Python
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers