linux下用js生成xml文件,JS实现加载和读取XML文件的方法详解

本文详细介绍了如何使用JavaScript加载和读取XML文件,包括在IE和非IE浏览器中创建XMLDOM对象,同步加载XML文件的方法。此外,还展示了读取XML文件节点的示例,如获取特定节点的文本值和属性。最后,提供了XML与JSON操作的在线工具推荐。
摘要由CSDN通过智能技术生成

本文实例讲述了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

{

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文件结构:

shenzhen

shenzhenNBA

man

shenzhen

xiaoming

woman

zhangsan

man

//JS读取 XML 文件中的 area 节点的方式如下:

var nodeList= xmlDoc.documentElement.getElementsByTagName("area"); // IE

for(var i=0;i

//...遍历操作...

}

var nodeList=xmlDoc.getElementsByTagName("area"); // 非IE

for(var i=0;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 的属性值

//还有其他的方法等, 可以网上搜索

PS:这里再为大家提供几款关于xml与json操作的在线工具供大家参考使用:

希望本文所述对大家JavaScript程序设计有所帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值