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

php  /  管理员 发布于 7年前   256

本文实例讲述了PHP实现简单ajax Loading加载功能。分享给大家供大家参考，具体如下：

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 = "";    //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技巧与应用小结》、《PHP网络编程技巧总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

• 使用PHP+AJAX让WordPress动态加载文章的教程
• PHP通过反射动态加载第三方类和获得类源码的实例
• php+ajax实现无刷新动态加载数据技术
• JQuery页面随滚动条动态加载效果的简单实现(推荐)
• js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
• jQuery实现页面滚动时动态加载内容的方法
• php+ajax+jquery实现点击加载更多内容
• jQuery+PHP+ajax实现微博加载更多内容列表功能
• PHP+jQuery实现滚屏无刷新动态加载数据功能详解