Question

我正在写一个简单的ajax函数：

1 function setXMLHttpRequest() {
2     var xhr = null;
3     if (window.XMLHttpRequest) {
4         xhr = new XMLHttpRequest();
5     }
6     else if (window.ActiveXObject) {
7         xhr = new ActiveXObject("Microsoft.XMLHTTP");
8     }
9     return xhr;
10 }
11
12
13 var xhrObj = setXMLHttpRequest();
14 function get_commenti(id)
15 {
16     var url = "get_commenti.php?id="+id;
17     xhrObj.open("GET", url, false);
18     xhrObj.onreadystatechange = add_commenti(id);
19     xhrObj.send(null);
20 }
21 
22 function add_commenti(id)
23 {
24     if(xhrObj.readyState == 4)
25     {
26         var id_div = "commento_"+id;
27         document.getElementById(id_div).innerHTML += xhrObj.responseText;
28     }
29     alert(xhrObj.readyState);
30 }

问题是第29行警告的readystatechange始终是1而从不4。如果我访问该页面＆lt;“get_commenti.php？id =”+ id＆gt;用我的浏览器按预期打印出结果（我也试过放一个绝对路径）。

我已经尝试过查找问题，但现在似乎每个人都在使用jQuery而我还没有。

值得注意的是，我在自己的网络服务器上运行它，所以也许是因为我配置了什么？

谢谢！

Answer 1

您没有分配功能

xhrObj.onreadystatechange = add_commenti(id);

你在呼唤它。

您需要使用闭包。

xhrObj.onreadystatechange = function() { add_commenti(id); };

Answer 2

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#Properties

onreadystatechange不应与同步请求一起使用。只需在ajax请求后立即使用响应

function get_commenti(id)
 {
     var url = "get_commenti.php?id="+id;
     xhrObj.open("GET", url, false);
     xhrObj.send(null);
     var id_div = "commento_"+id;
     document.getElementById(id_div).innerHTML += xhrObj.responseText;
 }

Answer 3

我使用if (xhrObj.readyState == 4 && xhrObj.status == 200)尝试而不是吗？

Javascript / Ajax（没有jquery！）onreadystatechange保持1

3 个答案: