无需使用ajax重新加载页面即可刷新div

Question

我正在使用以下代码来刷新包含 cmets 的 div，但有些东西无法正常工作。

60 秒后刷新 div，刷新后显示 0（每 10 秒左右闪烁或类似的东西），而不是更新评论列表。我不知道..

通过检查源页面没有发现任何错误。

function ajax_com(){
  var xmlHttp;
  try{   
    xmlHttp=new XMLHttpRequest();
  }catch (e){
    try{
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }catch (e){
        try{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }catch (e){
            alert("No AJAX!?");
            return false;
        }
    }
  }
  xmlHttp.onreadystatechange=function(){
    document.getElementById("tble").innerHTML=xmlHttp.responseText;
    setTimeout('ajax_com()',60000);
  }
  var data = "action=ajax_com";
  xmlHttp.open("POST","http://wwwsite.com/wp-admin/admin-ajax.php",true);
  xmlHttp.send(data);
}
window.onload=function(){
  setTimeout('ajax_com()',60000);
}

Answer 1

问题是xmlHttp.responseText 是0 或为空。

您的 ajax 没有返回任何数据，是吗？尝试使用Firebug 来查看它是否真的返回任何数据。另外，返回的数据可能是结构化的，因此您必须解析响应数据并相应地显示具有不同属性的 cmets，例如海报名称、图片、实际评论等。

Answer 2

这是你使用onreadystatechange这个方法在多个状态变化时触发的。

您需要检查 xmlHttp.readyState 属性上的 4th 状态，即 finished 状态，如下所示：

xmlHttp.onreadystatechange=function(){
  if (xmlHttp.readyState === 4) {
    document.getElementById("tble").innerHTML=xmlHttp.responseText;
    setTimeout('ajax_com()',60000);
  }
}

您可能还想查看xmlHttp.status，它是这样的 200：

if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
 ...
}