JS操作XML实例总结(加载与解析XML文件、字符串)
本文实例讲述了JS操作XML的方法。分享给大家供大家参考，具体如下：
我的xml文件Login.xml如下.
<?xmlversion="1.0"encoding="utf-8"?> <Login> <Character> <CText="热血"Value="0"></C> <CText="弱气"Value="1"></C> <CText="激情"Value="2"></C> <CText="冷静"Value="3"></C> <CText="冷酷"Value="4"></C> </Character> <Weapon> <WText="光束剑"Value="0"></W> <WText="光束配刀"Value="1"></W> </Weapon> <EconomyProperty> <PText="平均型"Value="0"></P> <PText="重视攻击"Value="1"></P> <PText="重视敏捷"Value="2"></P> <PText="重视防御"Value="3"></P> <PText="重视命中"Value="4"></P> </EconomyProperty> </Login>
现在我需要对这个xml文件的内容进行操作.
首先,我们需要加载这个xml文件,js中加载xml文件,是通过XMLDOM来进行的.
//加载xml文档
loadXML=function(xmlFile)
{
varxmlDoc;
if(window.ActiveXObject)
{
xmlDoc=newActiveXObject('Microsoft.XMLDOM');
xmlDoc.async=false;
xmlDoc.load(xmlFile);
}
elseif(document.implementation&&document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument('','',null);
xmlDoc.load(xmlFile);
}
else
{
returnnull;
}
returnxmlDoc;
}
xml文件对象出来了,接下去我就要对这个文档进行操作了.
比如说,我们现在需要得到节点Login/Weapon/W的第一个节点的属性,那么我们可以如下进行.
//首先对xml对象进行判断
checkXMLDocObj=function(xmlFile)
{
varxmlDoc=loadXML(xmlFile);
if(xmlDoc==null)
{
alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!');
window.location.href='/Index.aspx';
}
returnxmlDoc;
}
//然后开始获取需要的Login/Weapon/W的第一个节点的属性值
varxmlDoc=checkXMLDocObj('/EBS/XML/Login.xml');
varv=xmlDoc.getElementsByTagName('Login/Weapon/W')[0].childNodes.getAttribute('Text')
而我在我的程序中的写法是这样子的,当然我在程序中的写法是已经应用到实际中的了.一并给出来,以供查看
initializeSelect=function(oid,xPath)
{
varxmlDoc=checkXMLDocObj('/EBS/XML/Login.xml');
varn;
varl;
vare=$(oid);
if(e!=null)
{
n=xmlDoc.getElementsByTagName(xPath)[0].childNodes;
l=n.length;
for(vari=0;i<l;i++)
{
varoption=document.createElement('option');
option.value=n[i].getAttribute('Value');
option.innerHTML=n[i].getAttribute('Text');
e.appendChild(option);
}
}
}
上面的访问代码中,我们是通过xmlDoc.getElementsByTagName(xPath)来进行的.
还可以通过xmlDoc.documentElement.childNodes(1)..childNodes(0).getAttribute('Text')进行访问.
一些常用方法:
xmlDoc.documentElement.childNodes(0).nodeName,可以得到这个节点的名称.
xmlDoc.documentElement.childNodes(0).nodeValue,可以得到这个节点的值.这个值是来自于这样子的xml格式:<a>b</b>,于是可以得到b这个值.
xmlDoc.documentElement.childNodes(0).hasChild,可以判断是否有子节点
根据我的经验,最好是使用getElementsByTagName(xPath)的方法对节点进行访问,因为这样子可以直接通过xPath来定位节点,这样子会有更好的性能.
补充：
JS解析XML文件
<scripttype='text/javascript'>
loadXML=function(xmlFile){
varxmlDoc=null;
//判断浏览器的类型
//支持IE浏览器
if(!window.DOMParser&&window.ActiveXObject){
varxmlDomVersions=['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
for(vari=0;i<xmlDomVersions.length;i++){
try{
xmlDoc=newActiveXObject(xmlDomVersions[i]);
break;
}catch(e){
}
}
}
//支持Mozilla浏览器
elseif(document.implementation&&document.implementation.createDocument){
try{
/*document.implementation.createDocument('','',null);方法的三个参数说明
*第一个参数是包含文档所使用的命名空间URI的字符串；
*第二个参数是包含文档根元素名称的字符串；
*第三个参数是要创建的文档类型（也称为doctype）
*/
xmlDoc=document.implementation.createDocument('','',null);
}catch(e){
}
}
else{
returnnull;
}
if(xmlDoc!=null){
xmlDoc.async=false;
xmlDoc.load(xmlFile);
}
returnxmlDoc;
}
</script>
JS解析XML字符串
<scripttype='text/javascript'>
loadXML=function(xmlString){
varxmlDoc=null;
//判断浏览器的类型
//支持IE浏览器
if(!window.DOMParser&&window.ActiveXObject){//window.DOMParser判断是否是非ie浏览器
varxmlDomVersions=['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
for(vari=0;i<xmlDomVersions.length;i++){
try{
xmlDoc=newActiveXObject(xmlDomVersions[i]);
xmlDoc.async=false;
xmlDoc.loadXML(xmlString);//loadXML方法载入xml字符串
break;
}catch(e){
}
}
}
//支持Mozilla浏览器
elseif(window.DOMParser&&document.implementation&&document.implementation.createDocument){
try{
/*DOMParser对象解析XML文本并返回一个XMLDocument对象。
*要使用DOMParser，使用不带参数的构造函数来实例化它，然后调用其parseFromString()方法
*parseFromString(text,contentType)参数text:要解析的XML标记参数contentType文本的内容类型
*可能是"text/xml"、"application/xml"或"application/xhtml+xml"中的一个。注意，不支持"text/html"。
*/
domParser=newDOMParser();
xmlDoc=domParser.parseFromString(xmlString,'text/xml');
}catch(e){
}
}
else{
returnnull;
}
returnxmlDoc;
}
</script>
测试XML
<?xmlversion="1.0"encoding="utf-8"?> <DongFang> <Company> <cNname>1</cNname> <cIP>1</cIP> </Company> <Company> <cNname>2</cNname> <cIP>2</cIP> </Company> <Company> <cNname>3</cNname> <cIP>3</cIP> </Company> <Company> <cNname>4</cNname> <cIP>4</cIP> </Company> <Company> <cNname>5</cNname> <cIP>5</cIP> </Company> <Company> <cNname>6</cNname> <cIP>6</cIP> </Company> </DongFang>
使用方法：
varxmldoc=loadXML(text.xml)
varelements=xmlDoc.getElementsByTagName("Company");
for(vari=0;i<elements.length;i++){
varname=elements[i].getElementsByTagName("cNname")[0].firstChild.nodeValue;
varip=elements[i].getElementsByTagName("cIP")[0].firstChild.nodeValue;
}
希望本文所述对大家JavaScript程序设计有所帮助。