用JS实现加载和读取XML文件的实例详解
程序员文章站
2022-05-19 11:43:52
...
这篇文章主要介绍了JS实现加载和读取XML文件的方法,结合实例形式分析了javascript针对xml文件的加载与读取相关实现步骤与操作技巧,需要的朋友可以参考下
本文实例讲述了JS实现加载和读取XML文件的方法。分享给大家供大家参考,具体如下:
有时在开发时用到 JS 加载和读取XML文件的情况,写下提供参考,这里主要是分两步完成:
1. JS加载XML文件
步骤一般为(1),建立 XML DOM 对象;(2),设置加载方式,异步(推荐)或同步; (3)提供XML文件URL然后调用 load 方法;大致如下:
var xmlFileName="xxFile.xml"; var xmlDoc=''; if (window.ActiveXObject){ // IE var activeXNameList=new Array("MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XMLDOM","MSXML.DOMDocument"); for(var h=0;h<activeXNameList.length;h++) { try{ xmlDoc=new ActiveXObject(activeXNameList[h]); }catch(e){ continue; } if(xmlDoc) break; } }else if(document.implementation && document.implementation.createDocument){ //非 IE xmlDoc=document.implementation.createDocument("","",null); }else{ alert('can not create XML DOM object, update your browser please...'); } xmlDoc.async=false; //同步,防止后面程序处理时遇到文件还没加载完成出现的错误,故同步等XML文件加载完再做后面处理 xmlDoc.load(xmlFileName); //加载XML
2. JS读取XML文件节点
在加载XML文件之后就是读取XML文件的节点了,可以使用 DOM 相应的方法,对 MS IE 其它浏览器的读法相近,例如:
例如下的XML文件结构:
<visiter> <area areaid="shenzhen"> <areaname>shenzhen</areaname> <user userid="001"> <name>shenzhenNBA</name> <sex>man</sex> </user> </area> <area areaid="shanghai"> <areaname>shenzhen</areaname> <user userid="002"> <name>xiaoming</name> <sex>woman</sex> </user> <user userid="003"> <name>zhangsan</name> <sex>man</sex> </user> </area> </visiter>
//JS读取 XML 文件中的 area 节点的方式如下: var nodeList= xmlDoc.documentElement.getElementsByTagName("area"); // IE for(var i=0;i<nodeList.length;i++){ //...遍历操作... } var nodeList=xmlDoc.getElementsByTagName("area"); // 非IE for(var i=0;i<nodeList.length;i++){ //...遍历操作... }
还有部分读取节点的方法:
//MS IE node.text ; //读取node节点的文本值 node.childNodes[i].text ; //读取 node 下的第 i 个[直接下一级]子节点的文本 node.getAttribute("attributeName") ; //读取 node 节点的属性名称为 attributeName 的属性值 //还有其他的方法等, 可以网上搜索
//非 MS IE node.nodeValue ; //读取node节点的文本值 node.childNodes[i].nodeValue ; //读取 node 下的第 i 个[直接下一级]子节点的文本 node.getAttribute("attributeName") ; //读取 node 节点的属性名称为 attributeName 的属性值 //还有其他的方法等, 可以网上搜索
以上就是用JS实现加载和读取XML文件的实例详解的详细内容,更多请关注其它相关文章!
上一篇: javascript 定时器工作原理