loading xml with javascript
loading xml with javascript
我正试图在W3School上运行示例代码http://www.w3schools.com/xml/xml_to_html.asp
我复制了html+js代码并保存到一个html文件中。我还下载了他们的cd_catalog.xml,并把它放在html文件的右边。
但是当我在Chrome上运行html时,它什么也没显示。它也不能在IE上工作。
似乎问题是在"xmlhttp.send()"行,因为我试图在它之前放一个警报,警报显示,但如果我把警报放在那行之后,那么它就不会出现。
有人能帮忙吗?
<html>
<body>
<script type="text/javascript">
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd.xml",false);
alert("before");
xmlhttp.send();
alert("after");
xmlDoc=xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</body>
</html>
XML文件在http://www.w3schools.com/xml/cd_catalog.xml
如果您将该页作为本地文件运行,则此操作将不起作用。您需要通过web服务器(如Apache)运行它,以便http客户端/服务器对话工作。您是否可以验证您正在通过web服务器运行它?
@user956159:请给出您的解压文件的位置/路径在xmlhttp.open
.
xmlhttp.open("GET","/Users/karthik/Desktop/cd_catalog.xml",false);
这是在Mac文件路径位置,我已经在我的系统中测试过了&它在更改文件路径后工作正常。
您可以使用"File://users/karthikin/mydocuments/cd_catalog.xml"
或"File://C:/cd_catalog.xml"
如果您使用的是windows,请在xmlhttp.open
中尝试此操作。
上面的方法在本地加载文件,如果你想通过一个web服务器(如Apache)运行,你的代码将完全工作
相关文章:
- Modify Javascript with C#
- JavaScript with PHP SESSION
- Javascript with IE 11 issue
- javascript with()函数获胜'我不适合歌剧、Chrome或Brave
- Javascript with Heroku
- sqlite with javascript with phonegap using build.phonegap.co
- Including html+javascript with javascript
- .post javascript with PHP 以启用 select 语句返回
- Scrape query JavaScript with scrapy
- 正则表达式 JavaScript with punct,space 和 alnum
- writing JavaScript with PHP
- 将字符串从 C# 传递到 Javascript with Phonegap 和 Windows Phone 8
- Javascript with SJCL lib,在 GCM 模式下解密 AES
- Javascript with jquery datepicker using knockout
- Java to JavaScript with NodeJS convertion
- onMouseOver JavaScript with CSS list-style-image
- Appending on javascript with onclick
- javascript with html for stickynotes
- Scraping javascript with R
- Inserting javascript with jQuery .html