PHP实现简单ajax Loading加载功能示例_网络技术_宿州市腾雀网络科技有限公司

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

发布时间 - 2026-01-10 22:10:42 点击率：次

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

# PHP # ajax # Loading # 加载 # 使用PHP+AJAX让WordPress动态加载文章的教程 # PHP通过反射动态加载第三方类和获得类源码的实例 # php+ajax实现无刷新动态加载数据技术 # JQuery页面随滚动条动态加载效果的简单实现(推荐) # js/jquery控制页面动态加载数据滑动滚动条自动加载事件的方法 # jQuery实现页面滚动时动态加载内容的方法 # php+ajax+jquery实现点击加载更多内容 # jQuery+PHP+ajax实现微博加载更多内容列表功能 # PHP+jQuery实现滚屏无刷新动态加载数据功能详解 # 程序设计 # 会有 # 不可能 # 相关内容 # 还在 # 为你 # 感兴趣 # 错了 # 给大家 # 不存在 # 你应该 # 将它 # 更多关于 # 送出 # 前就 # 着了 # 所述 # 回调 # 面向对象 # 操作技巧

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：架设网站视频制作软件,怎么搭建网站？

下一篇：自助建站系统操作指南：快速搭建与SEO优化步骤解析

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：架设网站视频制作软件,怎么搭建网站？

下一篇：自助建站系统操作指南：快速搭建与SEO优化步骤解析