Ajax+PHP打造等待进度条效果

1、解答48讲Ajxa常见问题

(1) js脚本缓存问题

       答：这个问题是大家遇到最常见问题之一，因为修改了js内容调试的时候

并不能显示新写代码的结果，是因为js为了加速页面执行，当前页面会使用缓存保持

当前调用的相同连接。为了开发时调试方便可以在连接地址的后面增加一个随机函数。

如原地址：for.php  增加随机后 for.php?1293874

(2) 本地调试js脚本不起作用

       答：因为使用ajxa传递参数的时候需要head支持，所以我们只有在站点下才可以

成功，比如我们放在Apache下面或者IIS下面进行调试。

(3) 调试代码查找错误困难

      答：这是js调试存在已久的问题，简单点我们可以使用ie默认提示的错误框，还有就

是我们可以使用DWCS4提供的纠正错误，或者通过专业的插件如：firbug 等

2、方法XHR.readyState五种状态

XHR.readyState== 状态（0，1，2，3，4）

0：请求未初始化，还没有调用open()。

1：请求已经建立，但是还没有发送，还没有调用send()。

2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。

3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。

4：响应已完成；您可以获取并使用服务器的响应了。

3、方法XHR.status常见的几种状态

XHR.status== 200，300，404 等

100——客户必须继续发出请求

101——客户要求服务器根据请求转换HTTP协议版本

200——成功

201——提示知道新文件的URL

300——请求的资源可在多处得到

301——删除请求数据

404——没有发现文件、查询或URl

500——服务器产生内部错误

实例：   js文件代码，其余代码同上一遍文章

var xmlHttp;
function xmlhttprequest(){
if(window.ActiveXObject){
  xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
else if(window.XMLHttpRequest)
{
  xmlHttp=new XMLHttpRequest();
}
}
function funphp100(url){
xmlhttprequest();
xmlHttp.open("GET","for.php?id="+url,true);
xmlHttp.onreadystatechange=byphp;
xmlHttp.send(null);
}
function byphp(){
if(xmlHttp.readyState==1){
  document.getElementById('php100').innerHTML="<img src=121.jpg>";
}
if(xmlHttp.readyState==4)
{
  if(xmlHttp.Status==200)
  {
   var byphp100=xmlHttp.responseText;
   document.getElementById('php100').innerHTML=byphp100;
  }
}

}