PHP实现简单ajax Loading加载功能示例
2016-12-28 11:45
816 查看
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简单实现数字分页功能示例
- 《php---ajax简单示例---jquery内部运行原理》---jquery只是就ajax的一些功能进行了封装
- 简单示例AJAX结合PHP代码实现登录效果代码
- PHP基于socket实现的简单客户端和服务端通讯功能示例
- php ajax网站浏览统计功能的简单实现第1/2页
- PHP简单实现上一页下一页功能示例
- php与ajax实现简单登陆功能
- prototype.js简单实现ajax功能示例
- PHP简单实现多维数组合并与排序功能示例
- jQuery+PHP+ajax实现微博加载更多内容列表功能
- PHP简单实现上一页下一页功能示例
- jQuery+PHP+ajax实现微博加载更多内容列表功能
- php编程实现简单的网页版计算器功能示例
- 简单示例AJAX结合PHP代码实现登录效果代码
- php实现的简单中文验证码功能示例
- php+Memcached实现简单留言板功能示例
- PHP 之 简单ajax Loading加载
- PHP简单实现模拟登陆功能示例
- php ajax网站浏览统计功能的简单实现第1/2页
- PHP实现简单的模板引擎功能示例