這篇文章主要介紹了PHP實現簡單ajax Loading加載功能的方法,結合實例形式分析了ajax加載的原理、操作技巧與相關注意事項,需要的朋友可以參考下
具體如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | 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;
xmlHttp.open( "GET" , "for.php?id=" +url,true);
xmlHttp.send(null);
} catch (e) {
alert( "您访问的资源不存在" );
}
}
function cb() {
if (xmlHttp.readyState==1) {
alert( "1-------------->" );
document.getElementById('ajax').innerHTML = "<img src=loading2.gif>" ;
}
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
var data = xmlHttp.responseText;
document.getElementById('ajax').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中文網其他相關文章!