2011-11-07 60 views
0

我複製了http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first的示例,並將其保存在本地計算機上的test.html中。是的,我也做了一個ajax_info.txt文件,但是當我點擊按鈕什麼也沒有發生,並且在w3schools工作正常。有任何想法嗎?AJAX示例不能在本地工作

下面是複製的代碼:

<html> 
<head> 
<script type="text/javascript"> 
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("GET","ajax_info.txt",true); 
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> 
+2

Ajax在本地不起作用。你需要有一個網絡服務器發佈。 – Garvin

+0

我認爲同樣的事情,但是...如果他在他的本地機器上有一個Web服務器用於測試目的,那該怎麼辦? –

回答

4

您的計算機\環境設置是通過HTTP服務該文本文件,即當您按下客戶端按鈕時 - 即您的瀏覽器將對服務器執行GET HTTP,即您本地機器運行Web服務器(iis/apache等)或者配置了遠程盒子

+0

正確。這不是 - 感謝您的幫助! – Nikola

0

貴ajax_info.txt文件中有內容:

< P> AJAX不是一種新的編程語言。 </ < p> AJAX是一種用於創建快速動態網頁的技術。 </

在< p>和</p>中沒有空格。我只是爲了格式化嘌呤。

附註:當你學習ajax的基礎知識時,你會發現使用jQuery的版本更容易。更簡單!

+0

是的,文件確實有 - 艾倫的帖子讓我意識到我的問題。是的,我知道jQuery,只需要做這個例子。 – Nikola