PHP实现简单ajax Loading加载功能示例

2025-05-29 0 68

本文实例讲述了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程序设计有所帮助。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 PHP实现简单ajax Loading加载功能示例 https://www.kuaiidc.com/95663.html

相关文章

发表评论
暂无评论