本文实例讲述了PHP实现简单ajax Loading加载功能。分享给大家供大家参考，具体如下：
|
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;//一定要在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('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; }} |
测试的时候，被 Chrome 给绊着了。请看下边解释：
这样写本来就不会接到.readyState==1的回应
因为1是表示已经调用.open()完成
但是.open()在.onreadystatechange事件前就被调用了,所以你应该不可能接到.readyState==1的回应
故,想接到.readyState==1 =>.onreadystatechange必须在.open()之前
那么为什么有时候接到呢?
因为你使用同一个全局变量...在连续操作时有可能会因为一个xhr请求还在等候php而又将它再次初始化引发
应该先决定数据的处理方式onreadystatechange,在送出要处理的数据open()
希望本文所述对大家PHP程序设计有所帮助。
