gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章PHP实现简单ajax Loading加载功能示例由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

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

最后此篇关于PHP实现简单ajax Loading加载功能示例的文章就讲到这里了,如果你想了解更多关于PHP实现简单ajax Loading加载功能示例的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com