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 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
node.js中的fs.appendFile方法使用说明
Dec 17 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
简介JavaScript中fixed()方法的使用
Jun 08 Javascript
JS控件bootstrap datepicker使用方法详解
Mar 25 Javascript
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
Dec 25 Javascript
JavaScript基于面向对象实现的猜拳游戏
Jan 03 Javascript
angular2中使用第三方js库的实例
Feb 26 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
May 27 Javascript
Angular+ionic实现折叠展开效果的示例代码
Jul 29 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生成便于打印的网页
2006/10/09 PHP
IP攻击升级,程序改进以对付新的攻击
2010/11/23 PHP
php简单的会话类代码
2011/08/08 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
JavaScript.Encode手动解码技巧
2010/07/14 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
2011/01/06 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
js绘制圆形和矩形的方法
2015/08/05 Javascript
JS实现左右无缝轮播图代码
2016/05/01 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
bootstrap与pagehelper实现分页效果
2018/12/29 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
python list中append()与extend()用法分享
2013/03/24 Python
Python标准异常和异常处理详解
2015/02/02 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
插入排序_Python与PHP的实现版(推荐)
2017/05/11 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
Python 项目转化为so文件实例
2019/12/23 Python
解决 jupyter notebook 回车换两行问题
2020/04/15 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
网络工程专业毕业生推荐信
2013/10/28 职场文书
广告设计应届生求职信
2014/03/01 职场文书
购房意向书
2014/04/01 职场文书
医院院务公开实施方案
2014/05/03 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
深入理解 Golang 的字符串
2022/05/04 Golang