这篇文章主要介绍了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文件的实例详解的详细内容。