需要帮助使用javascript解析xml

时间:2012-02-20 00:24:58

标签: javascript html xml parsing

  

首先让我感谢您的帮助,我是Javascript的新手,并希望学习将一个> .xml文件解析为我的javascript。我要解析的文件是contact.xml,位于我的根文件夹中。   再次,谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1     /DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function loadXMLDoc(XMLname)
{
var xmlDoc;
if (window.XMLHttpRequest)
{
xmlDoc=new window.XMLHttpRequest();
xmlDoc.open("GET",XMLname,false);
xmlDoc.send("");
return xmlDoc.responseXML;
}
// IE 5 and IE 6
else if (ActiveXObject("Microsoft.XMLDOM"))
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load(XMLname);
return xmlDoc;
}
alert("Error loading document!");
return null;
}
<title>Contacts</title>
</script>
</head>

<body>
<script type="text/javascript">
xmlDoc = loadXMLDoc("contactinfo.xml") // Path to the XML file;
var M = xmlDoc.getElementsByTagName("item");
for (i=0;i<M.length;i++){
document.write("<div style='width:450px;'>")
document.write("<h2>"+xmlDoc.getElementsByTagName("item")[i].childNodes[0].nodeValue+"</h2>");
document.write("<p>" + xmlDoc.getElementsByTagName("servicephone")[i].childNodes[0].nodeValue+    "</p>");
document.write("<p><a href='" + xmlDoc.getElementsByTagName("email")[i].childNodes[0].nodeValue   +"</p>);
document.write("</div>")
}
</script>

</body>
</html>


*Here is my .xml file*

<?xml version="1.0" encoding="utf-8" ?>
<Contacts>
<item servicephone="(800) 500-0066" 
email="customerservice@fsig.com" 
url="http://www.fsig.com" 
address="5000 Barcilona Beach Rd. Wilmington, NC 28000">
</item>
</Contacts>

1 个答案:

答案 0 :(得分:1)

您需要沿着层次结构向下,因此,首先找到Contacts节点,然后在那里,您可以获得所有标记名。

你有很多属性,所以你可能会觉得这个也很有用:

node.attributes["url"].nodeValue

因此,只需遍历所有项目,然后我只需将itemelem[t]复制到node只是为了让它更容易,然后您就可以获得所需的属性。

根据您使用的大多数浏览器都带有一些javascript调试器,因此您可以放入断点并查看变量中的值,看看下一步需要做什么。