test.xml:
<?xml version="1.0" encoding="utf-8" ?>
<NewInfo>
<cat id="1">
<title>猫(māo)</title>
<content>【词性】 动词<br/>【解释】 一个物体的形象倒着映射到另一个物体上。<br/>【例句】 堤岸的杨柳倒映在平静的湖面上</content>
<image>../../images/flip_pic.png</image>
<audio>../../audio/yi4.mp3</audio>
</cat>
<dog id="2">
<title>狗(māo)</title>
<content>【词性】 动词<br/>【解释】 一个物体的形象倒着映射到另一个物体上。<br/>【例句】 堤岸的杨柳倒映在平静的湖面上</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();
});
});
分享到:
相关推荐
关于jq读取xml的,有需要的朋友可以下载。
在使用jQuery读取XML时,可以使用`$.ajaxError()`全局事件处理器,或者在`$.ajax()`调用中设置`error`回调函数。 ```javascript $(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) { ...
在jQuery的基础上,`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换,从而让开发者无需深入了解这两种格式的复杂性,就能轻松地在它们之间进行数据互换。...
通过这个简单的 jQuery 和 XML 操作示例,我们了解了如何使用 jQuery 的 `$.ajax()` 函数加载 XML 文件,以及如何使用 jQuery 的选择器和方法来解析和显示 XML 数据。在实际应用中,可以根据需求进行更复杂的数据...
在IT领域,尤其是在Web开发中,"JQuery 解析XML省市区县三级联动"是一个常见的需求,主要用于构建交互式的下拉菜单,使得用户在选择省份时,对应的市和县会根据所选省份动态加载。这样的功能可以提升用户体验,减少...
本文将深入探讨如何使用jQuery读取XML文件,主要涉及`ajax`和`get`这两种方法。 首先,XML(eXtensible Markup Language)是一种用于存储和传输数据的标准格式,尤其在web开发中常用于数据交换。为了利用jQuery处理...
\n\n**直接在页面写代码实现树形菜单**\n\n这种方式是基础方法,直接在HTML页面中通过jQuery读取XML文件并解析,然后动态生成树形结构。首先,需要在HTML文件中引入jQuery库(如`jquery-1.2.6.js`),然后编写...
本篇文章将深入探讨如何使用jQuery来读取XML和JSON数据,这两种数据格式在Web开发中广泛用于数据交换。 XML(Extensible Markup Language)是一种标记语言,用于存储和传输结构化数据。JSON(JavaScript Object ...
本篇文章将深入探讨如何使用jQuery来加载和解析XML数据,这是一种常见用于传输和存储结构化数据的方式。 首先,我们需要理解XML(Extensible Markup Language)。XML是一种标记语言,允许我们创建自定义的标签来...
首先,文件中提到了使用jQuery发起AJAX请求来读取XML数据和与Web服务进行通信。AJAX (Asynchronous JavaScript and XML) 是一种在不重新加载整个页面的情况下,能够更新部分网页的技术,它通过HTTP请求与服务器交换...
<title>jQuery 读取 XML 示例 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 员工列表 <div id="content"></div> $(document).ready(function() { $.ajax({ type: "GET", url:...
以上就是使用JavaScript和jQuery读取XML并将其内容保存到TXT文件的基本流程。需要注意的是,由于同源策略的限制,这种方法仅适用于同源的XML文件,跨域访问需要服务器端配合设置CORS策略。同时,前端直接保存文件到...
本主题将探讨如何利用jQuery解析XML文件,进而实现省市县三级联动的下拉框效果,这是一种常见的地理数据展示方式,常用于地址选择或者物流配送等场景。 首先,XML(Extensible Markup Language)是一种用于存储和...
jquery.xmlns-1.7.0.js 是根据jquery.xmlns.js改写的适用于各种版本的jquery解析带命名空间的XML数据,里面附有实例代码,如果使用中有遇到问题,可以反馈,我会进一步改进。
jquery读取excel组件,可读取excel表格中的内容
这是我在做项目时的测试源码,利用jQuery的Ajax功能读取XML文件中指定行的数据。在IE6+和FireFox 3.0+浏览器上测试都完美通过。下载源码包后直接解压到你的网站根目录即可进行测试。详细代码说明请浏览关于此源码包...
总结来说,"jquery-xmlToJson.js"是一个用于XML到JSON转换的jQuery插件,它能够帮助开发者轻松地将XML数据转化为更适应JavaScript环境的JSON格式,提高数据处理的效率,并且兼容多种jQuery版本。在进行Web开发时,...
XML文件通常包含元素、属性、文本内容等,可以被各种程序读取和解析。在jQuery中,我们可以使用`$.ajax()`或`$.get()`方法来加载XML文件,然后使用`$(xml).find()`来查询和提取数据。 以下是使用jQuery解析XML的...
本文实例讲述了jQuery读取XML文件内容的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
`jquery.xml2json.js`是一个jQuery插件,它的主要功能是将XML文档转换为JavaScript对象,即JSON格式。这个插件的使用非常简单,首先需要在项目中引入jQuery库和`jquery.xml2json.js`文件。例如: ```html ...