AJAX HTTP请求刷新内容

Question

为什么它总是一直说“正在加载...”，而不显示data.php的内容？

xmlhttp = new XMLHttpRequest();             
function getdata () {
    xmlhttp.onreadystatechange = function () {
        if(xmlhttp.readyState = 4 && xmlhttp.status == 200) {
            document.getElementById('data').innerHTML = xmlhttp.responseText;
        } 
        else {
            document.getElementById('data').innerHTML = "loading...";
        }
    }
    xmlhttp.open("GET", "data.php", true);
    xmlhttp.send();
}

Answer 1

我不知道为什么您总是会得到“正在加载” ...但是您错过了以下比较运算符：

if(xmlhttp.readyState = 4 && xmlhttp.status == 200)

一定是

if(xmlhttp.readyState == 4 && xmlhttp.status == 200)

Answer 2

您确定状态为200吗？

if(xmlhttp.readyState == 4 ) { //<-- typo 
    if(xmlhttp.status == 200) {
            document.getElementById('data').innerHTML = xmlhttp.responseText;
    } else {
            document.getElementById('data').innerHTML = xmlhttp.status + ": " + xmlhttp.statusText;
    } 
} else {
    document.getElementById('data').innerHTML = "loading...";
}

---

现在，您说状态为零，这意味着您不会取消单击调用Ajax请求的函数的单击事件/表单提交。 我猜您正在使用内联事件处理程序，因此它看起来像这样：

<a href="foo.gif" onclick="getdata(); return false;">
<form onsubmit="getdata(); return false;">