PHP實作簡單ajax Loading載入功能的方法

這篇文章主要介紹了PHP實現簡單ajax Loading加載功能的方法,結合實例形式分析了ajax加載的原理、操作技巧與相關注意事項,需要的朋友可以參考下

具體如下：

var xmlHttp;
function createXmlHttpReq() {
  if(window.ActiveXObject) {
    xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
  } else if(window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
  }
}
function funMy(url) {
  createXmlHttpReq();
  try {
    xmlHttp.onreadystatechange = cb;//一定要在open()前,下边会有说明。在此处犯错了
    xmlHttp.open("GET","for.php?id="+url,true);
    xmlHttp.send(null);
  } catch(e) {
    alert("您访问的资源不存在");
  }
}
//回调函数
function cb() {
  if(xmlHttp.readyState==1) {
    alert("1-------------->");
    //在Google Chrome 浏览器里不显示loading图片，三秒后显示内容,问题已解决，下边有说明
    document.getElementById(&#39;ajax&#39;).innerHTML = "<img src=loading2.gif>";
    //document.getElementById(&#39;ajax&#39;).innerHTML = "Loading......";
  }
  if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
      var data = xmlHttp.responseText;
      document.getElementById(&#39;ajax&#39;).innerHTML = data;
  }
}

測試的時候，被Chrome 給絆著了。請看下邊解釋：

這樣寫本來就不會接到.readyState==1的回應

因為1是表示已經呼叫.open()完成

但是.open()在.onreadystatechange事件前就被調用了,所以你應該不可能接到.readyState==1的回應

故,想接到.readyState==1 =>.onreadystatechange必須在.open()之前
那麼為什麼有時候接到呢?

因為你使用同一個全域變數...在連續操作時有可能會因為一個xhr請求還在等候php而又將它再次初始化引發

應該先決定資料的處理方式onreadystatechange,在送出要處理的資料open()

以上就是本文的全部內容，希望對大家的學習有幫助。

相關推薦：

Ajax全域載入框(Loading效果)的設定

Ajax傳回資料之前的loading等待效果（圖文教學）

#Ajax實作Loading效果

############################### ##################

以上是PHP實作簡單ajax Loading載入功能的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！