Firefox 同步问题

一、问题:

var xmlHttp;
function savetodata(){
createXMLHttpRequest();
var rndcode = new Date().getTime();
var Url ="a.asp?cache="+rndcode
xmlHttp.onreadystatechange = function(){
.....

}
xmlHttp.open ("GET",Url,true );
xmlHttp.send (null);
}

上面的这段代码, xmlHttp.onreadystatechange = function(){.....};可以在FF下执行,但是如果改成

xmlHttp.open ("GET",Url,false );时就不行了,今天被这个问题整的晕头转向。

原因分析:

其一:这时不能用xmlHttp.send(),需要内容,如果没有内容,要用NULL

其二:经测试后发现,onreadystatechange在IE下都很正常,但在FF3下,只能运行readyState=0时的代码。不能运行 readyState=4的代码,在网络上找了一个原因:
在ajax的 XMLHttpRequest.onreadystatechange方法的差异:在FF中当状态为1(即XMLHttpRequest已经调用open但还没有调用send时), FF则会继续执行 onreadystatechange 后面的代 码,到执行完后面的代码后,在执行 onreadystatechange 在 状态2,3,4的代码,而 IE会等待状态2的到了,执行完 onreadystatechange中状态2,3,4的 代码后,继续执行后面的代码, 这样问题就出现了,经常我们在 onreadystatechange的代码要处理从服务器上获得的数据(这个数据只有 onreadystatechange 的状态为4时,才可以得到 ),所以这在IE中不存在问题,因为它会等 待 onreadystatechange状态4到来以后,在执行 onreadystatechange后面的数据,但是由于FF不会等到 onreadystatechange状态4到来后在执行 onreadystatechange后面的代码,所以后面的代码就不能处理 从服务器上获得的数据,那该怎 么办呢?

解决方法:使用javascript的闭包(这个解决方法是从GMAP中获得灵感的)。我们传递一个函数给
onreadystatechange,在这个函数中处理从服务器上返回的数据,但是 onreadystatechange是一个无参函数,那该怎么办呢?方法在我前面的
Javascript attachEvent传递参数的办法 已经介绍 了,这里再稍微介绍一下,就是传递一个参数给onreadystatechange,但是在 onreadystatechange中使用return一个无参函数,在这个无参函数中可以使 用这个传入的参数。这个方法在IE和FF中都可以正常运行,所以这不失是一个好方法。

这里提到采用闭包,挺复杂,另外网上有采用了在FF下用onload,也是不 管用。经过对错误排除,上面摘要提到的原因,才是根本的,也就是说,在FF下,第一次执行 完onreadystatechange后,继续执行到send,但后面就不会再回头执行onreadystatechange,一直傻傻的走下去。

我直接改成:

   xmlHttp.onreadystatechange = xmlHandle;
   xmlHttp.open ("GET",Url,false);
   xmlHttp.send(null);
   xmlHttp.onreadystatechange = xmlHandle; //这里加一行挡住FF,让它再搞一次。


function xmlHandle (){
if (xmlHttp.readyState < 4){
       ......
}else if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
   var cartResult = Number(xmlHttp.responseText);
    if (cartResult == 1){
      window.location.href='b.asp';
   }else if (cartResult == 2){
     ......;
   }else{
    window.location.href='/';
   }
}
}

但是这样也不行,原来ff 3改成:xmlHttp.onreadystatechange = xmlHandle(); 然而加了括号,IE又 不行,唉,原来就觉得FF是鸡皮,现在感觉FF纯属一个打着“支持标准”的称号,却是干着浪费程序员时间的垃圾。 但手 上这个程序又实在重要,没办法,只有再调试看看有没有更简单的办法,如下:

   xmlHttp.open ("GET",Url,false);
   xmlHttp.send (null);
   if(xmlHttp.status==200)
      xmlHandle();

这段代码在IE和FF下可以通用。但由于是同步调用,需要在 readyState<4时未取得结果前出现提示,这对于网速慢的客户很友好。然而要在本机获得这种等待反应时的情况,由于本机反应快,会造成看不 到给客户提示,因此暂时先不用这个代码

只有加入浏览器类型分析。

function getOs()   
{  
   var OsObject = "";  
   if(navigator.userAgent.indexOf("MSIE")>0) {  
        return "MSIE";       //IE浏览器
   }
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){  
        return "Firefox";     //Firefox浏览器
   }
   if(isSafari=navigator.userAgent.indexOf("Safari")>0) {  
        return "Safari";      //Safan浏览器
   }
   if(isCamino=navigator.userAgent.indexOf("Camino")>0){  
        return "Camino";   //Camino浏览器
   }
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){  
        return "Gecko";    //Gecko浏览器
   }  
}

然后把AJAX代码改为:

   var rndcode = new Date().getTime();
   var CartUrl ="a.asp?cache="+rndcode
   var btype=getOs();
   xmlHttp.onreadystatechange = (btype!="Firefox")?(xmlHandle):(xmlHandle());
   xmlHttp.open ("GET",CartUrl,false);
   xmlHttp.send(null);
   xmlHttp.onreadystatechange = (btype!="Firefox")?(xmlHandle):(xmlHandle());

总算OVER了,IE6、IE 7、FF通用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值