JavaScript读取XML文件的简单示例_js简单的调用xml文件实例-优快云博客

本文链接：https://blog.youkuaiyun.com/huhui_cs/article/details/9088657

源文件：http://download.youkuaiyun.com/detail/huhui_bj/5574119

html文件如下：

<html> 
<head> 
<title></title> 
<script language="javascript" type="text/javascript">
function getTestXmlValue(){
  var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
    xmlDoc.async = false;
    xmlDoc.load("test.xml");
  var nodes = xmlDoc.documentElement.childNodes;
 // alert(nodes.length);
 // alert(nodes.childNodes[0].text+","+nodes.childNodes[1].text);
 for(var i=0;i<nodes.length;i++){
	var node = nodes[i];
	alert(node.childNodes[0].text+","+node.childNodes[1].text);
 }
}
</script>
</head> 
<body οnlοad="getTestXmlValue();"> 
</body> 
</html>

xml文件如下：

<?xml version="1.0" encoding="utf-8"?>
<friends>
<friend>
        <name>小明</name>
        <age>24</age>
</friend>
<friend>
        <name>小强</name>
        <age>25</age>
</friend>
<friend>
        <name>小芳</name>
        <age>18</age>
</friend>
</friends>

"SCRIPT5007: 无法获取属性“childNodes”的值: 对象为 null 或未定义 "异常解决：

注意xml文件的存放路径，应该放在与相应的html或者jsp等页面文件放在同一目录下，而不是与js放在同一路径下。