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

回答

相關問題