这篇文章主要介绍了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 = "<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()
以上就是本文的全部内容，希望对大家的学习有所帮助。
相关推荐：
ajax全局加载框(loading效果)的配置
ajax返回数据之前的loading等待效果（图文教程）
ajax实现loading效果
以上就是php实现简单ajax loading加载功能的方法的详细内容。