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

jquery读取xml比较js读取xml 比比就知道

阅读更多
test.xml:
<?xml version="1.0" encoding="utf-8" ?>
<NewInfo>
<cat id="1">
    <title>猫(māo)</title>
    <content>【词性】 动词&#60;br/&#62;【解释】 一个物体的形象倒着映射到另一个物体上。&#60;br/&#62;【例句】 堤岸的杨柳倒映在平静的湖面上</content>
    <image>../../images/flip_pic.png</image>
    <audio>../../audio/yi4.mp3</audio>

</cat>
<dog id="2">
    <title>狗(māo)</title>
    <content>【词性】 动词&#60;br/&#62;【解释】 一个物体的形象倒着映射到另一个物体上。&#60;br/&#62;【例句】 堤岸的杨柳倒映在平静的湖面上</content>
    <image>../../images/flip_pic.png</image>
    <audio>../../audio/yi4.mp3</audio>
</dog>
</NewInfo>

注意:以下有个word字段,是传入的参数。如word="cat";
js读取xml:
 var dom;			
        if (window.ActiveXObject){  
               dom = new ActiveXObject("Microsoft.XMLDOM");  
               dom.async=false;  
               dom.load("test.xml");  
            }else if (document.implementation &&     document.implementation.createDocument){   
                var xmlhttp = new window.XMLHttpRequest();  
                xmlhttp.open("GET", "test.xml", false);  
                xmlhttp.send(null);  
                dom = xmlhttp.responseXML;
                   }else{  
                     dom = null;  
                   }   	                         
            
            if(dom){
                var node = dom.getElementsByTagName(word);
                for(var i=0;i<node.length;i++)
                {
		 var id=node[i].getAttribute('id')-1;
                 var title = dom.getElementsByTagName("title")[id].childNodes[0].nodeValue;
		 var audio=dom.getElementsByTagName("audio")[id].childNodes[0].nodeValue;
                }
                
            }else{
                window.alert("dom对象为空,失败了!");
                return;
            }

jquery读取xml:
$.get('test.xml',function (data){
             $(data).find(word).each(function(){
			       var id=$(this).attr("id");
			       var title=$(this).find('title').text();
			       var audio=$(this).find('audio').text();
			  });
          });
分享到:
评论

相关推荐

    jQuery 解析xml文件

    关于jq读取xml的,有需要的朋友可以下载。

    jquery读取xml

    在使用jQuery读取XML时,可以使用`$.ajaxError()`全局事件处理器,或者在`$.ajax()`调用中设置`error`回调函数。 ```javascript $(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) { ...

    jquery.json2xml.js和jquery.xml2json.js

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

    Jquery操作xml_Demo

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

    JQuery 解析XML省 市 县 三级联动

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

    jQuery读取XML

    本文将深入探讨如何使用jQuery读取XML文件,主要涉及`ajax`和`get`这两种方法。 首先,XML(eXtensible Markup Language)是一种用于存储和传输数据的标准格式,尤其在web开发中常用于数据交换。为了利用jQuery处理...

    JQuery 实现XML树形菜单

    \n\n**直接在页面写代码实现树形菜单**\n\n这种方式是基础方法,直接在HTML页面中通过jQuery读取XML文件并解析,然后动态生成树形结构。首先,需要在HTML文件中引入jQuery库(如`jquery-1.2.6.js`),然后编写...

    使用jQuery读取xml和json的案例代码

    本篇文章将深入探讨如何使用jQuery来读取XML和JSON数据,这两种数据格式在Web开发中广泛用于数据交换。 XML(Extensible Markup Language)是一种标记语言,用于存储和传输结构化数据。JSON(JavaScript Object ...

    jQuery加载并解析XML

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

    jquery读取xml.pdf

    首先,文件中提到了使用jQuery发起AJAX请求来读取XML数据和与Web服务进行通信。AJAX (Asynchronous JavaScript and XML) 是一种在不重新加载整个页面的情况下,能够更新部分网页的技术,它通过HTTP请求与服务器交换...

    jquery 读取XML 可运行

    &lt;title&gt;jQuery 读取 XML 示例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; 员工列表 &lt;div id="content"&gt;&lt;/div&gt; $(document).ready(function() { $.ajax({ type: "GET", url:...

    JS+JQuery读取XML并保存相关信息到TXT文件

    以上就是使用JavaScript和jQuery读取XML并将其内容保存到TXT文件的基本流程。需要注意的是,由于同源策略的限制,这种方法仅适用于同源的XML文件,跨域访问需要服务器端配合设置CORS策略。同时,前端直接保存文件到...

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

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

    jquery解析带名称空间的xml

    jquery.xmlns-1.7.0.js 是根据jquery.xmlns.js改写的适用于各种版本的jquery解析带命名空间的XML数据,里面附有实例代码,如果使用中有遇到问题,可以反馈,我会进一步改进。

    jquery读取excel组件

    jquery读取excel组件,可读取excel表格中的内容

    jQuery行级解析读取XML文件

    这是我在做项目时的测试源码,利用jQuery的Ajax功能读取XML文件中指定行的数据。在IE6+和FireFox 3.0+浏览器上测试都完美通过。下载源码包后直接解压到你的网站根目录即可进行测试。详细代码说明请浏览关于此源码包...

    jquery-xmlToJson.js

    总结来说,"jquery-xmlToJson.js"是一个用于XML到JSON转换的jQuery插件,它能够帮助开发者轻松地将XML数据转化为更适应JavaScript环境的JSON格式,提高数据处理的效率,并且兼容多种jQuery版本。在进行Web开发时,...

    jquery解析xml并实现二级联动

    XML文件通常包含元素、属性、文本内容等,可以被各种程序读取和解析。在jQuery中,我们可以使用`$.ajax()`或`$.get()`方法来加载XML文件,然后使用`$(xml).find()`来查询和提取数据。 以下是使用jQuery解析XML的...

    jQuery读取XML文件内容的方法

    本文实例讲述了jQuery读取XML文件内容的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    xml-to-json.rar_XML to JSON _jquery.xml2json.js_xml json_xml to

    `jquery.xml2json.js`是一个jQuery插件,它的主要功能是将XML文档转换为JavaScript对象,即JSON格式。这个插件的使用非常简单,首先需要在项目中引入jQuery库和`jquery.xml2json.js`文件。例如: ```html ...

Global site tag (gtag.js) - Google Analytics