PHP实现简单ajax Loading加载功能的方法-php教程-PHP中文网

这篇文章主要介绍了php实现简单ajax loading加载功能的方法,结合实例形式分析了ajax加载的原理、操作技巧与相关注意事项,需要的朋友可以参考下

具体如下：

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的回应

立即学习“PHP免费学习笔记（深入）”；

因为1是表示已经调用.open()完成

但是.open()在.onreadystatechange事件前就被调用了,所以你应该不可能接到.readyState==1的回应

故,想接到.readyState==1 =>.onreadystatechange必须在.open()之前
那么为什么有时候接到呢?

因为你使用同一个全局变量...在连续操作时有可能会因为一个xhr请求还在等候php而又将它再次初始化引发

网趣购物系统精装版

精装版对原程序进行了大量的更新和调整，在安全性和实用性上均有重大突破，特色功能：完美整合支付宝功能，根据用户需求，并具有打开和关闭支付宝的功能!匿名用户购买功能，商城支持匿名直接购买商品功能，方便用户购物!增加了后台LOGO图片上传管理功能，管理简单、易用对广告管理进行扩充，所有广告图片、FLASH均可实现在线上传管理!多种在线支付方式，程序同时支持网银、西部支付，可自由选择切换!支持简繁互换显示

下载

应该先决定数据的处理方式onreadystatechange,在送出要处理的数据open()

以上就是本文的全部内容，希望对大家的学习有所帮助。