製作一個非常簡單的ajax示例工作

-2

我正在學習ajax，但即使只是嘗試w3教程中給出的示例，我也有一個問題。製作一個非常簡單的ajax示例工作

當我點擊按鈕時，我的頁面上沒有改變。我不知道什麼是缺少的工作。我需要穿上我的麻將服務器嗎？

謝謝您的幫助

下面是代碼：

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function loadXMLDoc() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("POST","ajax_info.html",false); 
xmlhttp.send(); 
} 
</script> 
</head> 
<body> 

<div id="myDiv"><h2>Let AJAX change this text</h2></div> 
<button type="button" onclick="loadXMLDoc()">Change Content</button> 

</body> 
</html>

來源

2014-06-05 user1281441

要運行上面的代碼也沒有必要來啓動服務器。
首先檢查您是否創建了ajax_info.html文件。
將ajax_info.html放置在當前代碼文件所在的相同文件夾中。

來源

2014-06-05 13:18:43

謝謝。我其實已經做到了。我會再試一次，因爲我一定錯過了一些東西 – user1281441

不是這個問題。我需要在ajax-info.html中編寫特定的代碼嗎？ – user1281441

也許嘗試「GET」而不是「POST」xmlhttp.open("GET","ajax_info.html",false);。此外W3School的例子是不是理想的和規模非常不幸一旦你添加更多的AJAX調用。我建議儘快切換到一個更簡單的庫，如jQuery或AngularJS（位更高級），以處理您的AJAX調用

來源

2014-06-05 14:16:10 NicolasMoise

製作一個非常簡單的ajax示例工作

回答

相關問題