2011-11-07 62 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