`
冷寒冰
  • 浏览: 252746 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery解析XML数据的几个例子用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个

 
阅读更多
用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。

第一种方案:

<script type="text/javascript">
$(document).ready(function() {
$.ajax({
  url: 'http://www.nowamagic.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.nowamagic.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即为可以读取使用的内容,具体读取见第2点
});
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();//读取子节点的值
});


原文地址:http://www.nowamagic.net/jquery/jquery_ParsingXmlData.php
分享到:
评论

相关推荐

    jQuery加载并解析XML

    本篇文章将深入探讨如何使用jQuery来加载和解析XML数据,这是一种常见用于传输和存储结构化数据的方式。 首先,我们需要理解XML(Extensible Markup Language)。XML是一种标记语言,允许我们创建自定义的标签来...

    JQuery 解析XML省 市 县 三级联动

    在IT领域,尤其是在Web开发中,"JQuery 解析XML省市区县三级联动"是一个常见的需求,主要用于构建交互式的下拉菜单,使得用户在选择省份时,对应的市和县会根据所选省份动态加载。这样的功能可以提升用户体验,减少...

    Jquery操作xml_Demo

    通过这个简单的 jQuery 和 XML 操作示例,我们了解了如何使用 jQuery 的 `$.ajax()` 函数加载 XML 文件,以及如何使用 jQuery 的选择器和方法来解析和显示 XML 数据。在实际应用中,可以根据需求进行更复杂的数据...

    jquery 解析xml的简单例子

    在"jquery_xml"这个示例中,我们可能看到一个简单的使用`$.ajax()`解析XML的例子: ```javascript $.ajax({ type: "GET", url: "data.xml", // XML文件的URL dataType: "xml", success: function(xml) { parse...

    jquery读取xml

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。当涉及到从XML文件中获取数据时,jQuery提供了一种简洁的API,使得开发者可以方便地处理XML文档。本篇文章将深入探讨...

    JQuery解析XML数据的几个简单实例

    JQuery解析XML数据的几个简单实例中,JQuery是JavaScript的一个库,它简化了JavaScript编程。在处理XML数据方面,JQuery提供了一套非常便捷的方法来解析和操作XML文档。XML是“可扩展标记语言”(Extensible Markup ...

    jquery解析xml

    2. **解析XML数据**:在回调函数中,`$(data)`将返回的XML文档转换为一个类似DOM的对象,便于使用jQuery的DOM选择器进行操作。 3. **提取数据**:使用`.find('book')`来定位所有`&lt;book&gt;`元素,然后通过`.each()`...

    jQuery解析xml文件,实现省市县三级联动下拉框

    本主题将探讨如何利用jQuery解析XML文件,进而实现省市县三级联动的下拉框效果,这是一种常见的地理数据展示方式,常用于地址选择或者物流配送等场景。 首先,XML(Extensible Markup Language)是一种用于存储和...

    jquery解析xml并实现二级联动

    本主题将深入探讨如何使用jQuery解析XML数据,并利用这些数据实现省市二级联动的效果。这种功能常见于地理选择,用户在选择省份后,下拉菜单会自动更新展示对应省份的城市选项。 首先,我们需要理解XML(Extensible...

    JQuery 实现XML树形菜单

    **jQuery 实现XML树形菜单**\n\n在网页开发中,树形菜单是一种常见的交互元素,用于组织和展示层次化的信息。jQuery 是一个广泛使用的JavaScript库,它提供了丰富的API来简化DOM操作,使得实现这样的功能变得更加...

    轻松使用jquery解析XML

    标题中的“轻松使用jQuery解析XML”意味着我们将探讨如何利用JavaScript库jQuery处理XML文档,以便在Web应用程序中方便地获取和操作数据。XML(可扩展标记语言)是一种结构化数据格式,常用于存储和传输数据。jQuery...

    jquery.json2xml.js和jquery.xml2json.js

    在jQuery的基础上,`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换,从而让开发者无需深入了解这两种格式的复杂性,就能轻松地在它们之间进行数据互换。...

    JQuery+AJAX处理XML数据

    **jQuery + AJAX 处理 XML 数据** 在网页开发中,jQuery 和 AJAX 技术的结合是获取和操作服务器端数据的常见方式。本篇将详细探讨如何使用 jQuery 的 AJAX 功能来处理 XML(可扩展标记语言)数据。 **1. jQuery 和...

    使用jquery解析XML的方法

    本文将详细介绍如何使用jQuery来解析XML文件,并通过一个具体例子进行说明。 首先,我们需要了解XML文件的基本结构。XML(Extensible Markup Language,可扩展标记语言)是一种用于存储和传输数据的标记语言,它的...

    JQuery解析XML的方法小结

    用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。 第一种方案: [removed] $(document).ready(function() { $.ajax({ url: '...

    Jquery xml2Json

    在实际应用中,比如从服务器获取的响应数据是XML格式,使用这个插件可以方便地将数据转化为JSON,然后利用jQuery的DOM操作方法进行数据绑定、动态渲染视图等操作。这极大地提高了开发效率,减少了数据处理的复杂性。...

    xslt+xml+jquery建站

    结合XML、XSLT和jQuery,建站过程可以分为以下几个步骤: 1. 设计师创建XML文件,定义网站内容和结构。 2. 开发者编写XSLT模板,根据XML数据生成HTML页面。 3. 使用jQuery处理前端交互,增强用户体验。 这样的建站...

    js-xml.rar_javascript_javascript xml_js xml_js解析xml_xml js

    "js-xml.rar"这个压缩包文件显然是关于使用JavaScript处理XML的教程或示例集合。下面将详细探讨JavaScript解析XML的相关知识点。 1. DOM解析XML: 在JavaScript中,XML文档可以通过DOM(Document Object Model)...

    js的XML解析器 可以解析XMl文件和XML字符串

    JavaScript中的XML解析器是用于处理XML数据的关键工具,它允许开发者在浏览器环境中解析XML文档或者XML字符串,从而在Web应用中有效地使用这些数据。XML(eXtensible Markup Language)是一种结构化数据语言,常用于...

Global site tag (gtag.js) - Google Analytics