本文实例讲述了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程序设计有所帮助。
相关文章
猜你喜欢
- ASP.NET自助建站系统的域名绑定与解析教程 2025-06-10
- 个人服务器网站搭建:如何选择合适的服务器提供商? 2025-06-10
- ASP.NET自助建站系统中如何实现多语言支持? 2025-06-10
- 64M VPS建站:如何选择最适合的网站建设平台? 2025-06-10
- ASP.NET本地开发时常见的配置错误及解决方法? 2025-06-10
TA的动态
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
- 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
- 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
- 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
- 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
快网idc优惠网
QQ交流群
您的支持,是我们最大的动力!
热门文章
-
2025-05-29 45
-
2025-05-29 70
-
2025-06-04 93
-
2025-05-25 39
-
2025-05-29 66
热门评论

