快捷導(dǎo)航

PHP實(shí)現(xiàn)簡單ajax Loading加載功能示例

更新時(shí)間：2016年12月28日 11:45:58 作者：EthanQ

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

本文實(shí)例講述了PHP實(shí)現(xiàn)簡單ajax Loading加載功能。分享給大家供大家參考，具體如下：

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()前,下邊會(huì)有說明。在此處犯錯(cuò)了
    xmlHttp.open("GET","for.php?id="+url,true);
    xmlHttp.send(null);
  } catch(e) {
    alert("您訪問的資源不存在");
  }
}
//回調(diào)函數(shù)
function cb() {
  if(xmlHttp.readyState==1) {
    alert("1-------------->");
    //在Google Chrome 瀏覽器里不顯示loading圖片，三秒后顯示內(nèi)容,問題已解決，下邊有說明
    document.getElementById('ajax').innerHTML = "<img src=loading2.gif>";
    //document.getElementById('ajax').innerHTML = "Loading......";
  }
  if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
      var data = xmlHttp.responseText;
      document.getElementById('ajax').innerHTML = data;
  }
}

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

這樣寫本來就不會(huì)接到.readyState==1的回應(yīng)

因?yàn)?是表示已經(jīng)調(diào)用.open()完成

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

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

因?yàn)槟闶褂猛粋€(gè)全局變量...在連續(xù)操作時(shí)有可能會(huì)因?yàn)橐粋€(gè)xhr請求還在等候php而又將它再次初始化引發(fā)

應(yīng)該先決定數(shù)據(jù)的處理方式onreadystatechange,在送出要處理的數(shù)據(jù)open()

更多關(guān)于PHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《PHP+ajax技巧與應(yīng)用小結(jié)》、《PHP網(wǎng)絡(luò)編程技巧總結(jié)》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫操作入門教程》及《php常見數(shù)據(jù)庫操作技巧匯總》

希望本文所述對大家PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: