这段代码有什么问题? (AJAX)

时间:2017-01-14 21:45:45

标签: javascript html ajax xmlhttprequest

我的代码似乎不起作用,即与服务器通信。 有人可以告诉我我犯了什么样的错误吗?我监督了什么吗?

P.S - AJAX的新手。

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc(){
var xmlhttp;

if (window.XMLHttpRequest) {
  xmlhttp=new XMLHttpRequest();
}

else {
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function(){

if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("mySection").innerHTML=xmlhttp.responseText;
}
}

xmlhttp.open("GET","ajax_info.txt",true);

xmlhttp.send();

}
</script>
</head>

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

</body>
</html>

1 个答案:

答案 0 :(得分:-2)

你的代码非常好。只需检查您传递的URL作为 xmlhttp.open中的第二个参数(“GET”,“ajax_info.txt”,true); 。很可能你传递的文件名不正确。

要检查,如果您的代码工作正常或只是将 ajax_info.txt 网址替换为 https://api.github.com/users/octocat 或任何其他可公开访问的网址或名称任何本地存储的文件(只需确保下次传递正确的名称)。

“与服务器的通信”:基本上,您在这里传递本地文件名,这就是它不与服务器通信的原因。使它与服务器通信传递实际URL,就像上面的Github url。