unobtrusive JavaScript方法，从文本文件获取数据并将其写入HTML

我发布了一个关于此更早的线程，并取得了一些进展，但现在我的代码不工作，我不太清楚为什么。我试图使用一种不引人注意的JavaScript方法，它从提供的文本文件（ajaxData.txt）获取数据并将其写入HTML中的元素。在这种情况下，我试图将它写入一个按钮，并在按钮被点击时显示它。。unobtrusive JavaScript方法，从文本文件获取数据并将其写入HTML

这是一个家庭作业，我不允许使用任何类型的JavaScript库:(这里是我的代码：

<html> 
<head> 
<script type="text/javascript"> 

function loadXMLDoc(url){ 
    var xmlhttp; 
    if (window.XMLHttpRequest){ 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    } 

    xmlhttp.onreadystatechange=function(){ 
     if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
      document.getElementById('A2').innerHTML=xmlhttp.statusText; 
     } 
    } 

    xmlhttp.open("GET","ajaxData.txt",true); 
    xmlhttp.send(); 
} 

</script> 
</head> 
<body> 

<h2>Retrieve data from XML file</h2> 

<p><b>Status text:</b><span id="A2"></span></p> 

<button onclick="loadXMLDoc('ajaxData.txt')">Get XML data</button> 

</body> 
</html>

我仍然很新的JavaScript的，尤其是新的AJAX如此任何类型的帮助将不胜感激！

来源

2012-03-23 user1288091

什么不工作？控制台中有任何错误？ – Hamish 2012-03-23 23:55:14

xhr.send（null）是交叉浏览器版本。 – 2012-03-24 00:03:40

@harnish - 我在firebug中没有错误，我不知道究竟发生了什么？ – user1288091 2012-03-24 00:03:50

更改...

xmlhttp.statusText

...到...

xmlhttp.responseText

来源

2012-03-24 00:18:51 Elias

statusText是一个有效的属性。现在，它会说“OK”，而不是文件的内容......尽管OP从未说过问题是什么（不工作，或者只是说“OK”）。 – Gary 2012-03-24 00:21:47

Gary，正如他所说的，他希望将txt文件的内容放入HTML元素中。他目前的代码在html元素中放置了“Ok”这个词，这不是他想要的结果。 – Elias 2012-03-24 00:25:34

是的，我在评论后立即重新考虑它。你的回应和我的编辑大约是在同一时间。 – Gary 2012-03-24 00:26:17

unobtrusive JavaScript方法，从文本文件获取数据并将其写入HTML

回答

相关问题