无法获得最简单的XMLHttpRequest示例

时间:2015-02-27 00:12:32

标签: javascript html ajax xml

我正在尝试直接从教程中学习XMLHttpRequest的最简单示例。我有一个XML文件note.xml

<?xml version="1.0" encoding="utf-8" ?>
<note>
    <to>Jimmy</to>
    <from>Paul</from>
    <body>Hello!</body>
</note>

和带有javascript的html

<!DOCTYPE html>
<html>
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br>
<b>From:</b> <span id="from"></span><br>
<b>Message:</b> <span id="message"></span>
</div>

<script>
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","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>

</body>
</html>

正如您所看到的,这是直接从W3schools。我尝试在chrome或IE浏览器中打开HTML,但我什么都没得到......

W3Schools Internal Note

要: 从: 消息:

没有人填充......我错过了什么简单的事情。两个文件都存储在同一个本地目录中。

由于

0 个答案:

没有答案