1 
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function loadXMLDoc(XMLname)
{
    var xmlDoc;
    if (window.XMLHttpRequest)
    {
        xmlDoc=new window.XMLHttpRequest();
        xmlDoc.open("GET",contactinfo.xml,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>

以下は私のcontactinfo.xmlファイルです

<?xml version="1.0" encoding="utf-8" ?>
<Contacts>
<item servicephone="12345678" 
email="service@jscript.com" 
url="http://www.jscript.com" 
address="1600 Amphitheatre Pkwy, Mountain View, CA 94043, USA">
</item>
</Contacts>

私は出力を見ることができませんでした..コードに何か問題がありますか? また、以下の URL からデータを取得し、そのデータを html で表示したいと考えています

http://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false

4

1 に答える 1

0

Javascript を使用して XML ファイルを読み取り、解析できるようにするライブラリは、Google のすぐ近くにたくさんあります。

これを行う 1 つの方法は、XML を JSON に変換して解析することです。

Sam Tsvilik には、このための気の利いた小さなライブラリがあり、スタンドアロンまたは jQuery プラグインとして使用できます。

http://www.terracoder.com/index.php/xml-objectifier/xml-objectifier-introduction

于 2012-09-24T14:18:27.823 に答える