欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-03-06 09:44:25
本文实例讲述了php实现简单ajax loading加载功能。分享给大家供大家参考,具体如下: var xmlhttp; function createxmlh...

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

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