FireFox下Ajax同步请求onReadyStateChange不执行问题解决[通俗易懂]

大家好，欢迎来到IT知识分享网。

在FireFox下，使用Ajax提交请求，而该请求是同步时，IE浏览器下正常使用的代码在FireFox下却不执行，主要是不执行onReadyStateChange这个方法体里面的代码，代码如下：

var xmlhttp = loadXMLDoc();<br />var startRequestMethod = function(obj){<br /> var url = “http://www.xxxx.com?id=1”;<br /> xmlhttp.open(“get”, url, false); //这是个同步请求<br /> xmlhttp.send(null);<br /> xmlhttp.onReadyStateChange = stateChange; //注意这儿<br />}</p> <p>var stateChange = function(){<br /> if(xmlhttp.readyState == 4){<br /> if (xmlhttp.status == 200){<br /> //需要执行的代码<br /> }else{<br /> alert(“操作失败！”);<br /> }<br /> }<br />}</p> <p>var loadXMLDoc = function(){<br /> var xmlhttp = null;<br /> if(window.XMLHttpRequest){<br /> xmlhttp = new XMLHttpRequest();<br /> }else if (window.ActiveXObject){<br /> xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”);<br /> }<br /> return xmlhttp;<br />}

查了资料后发现，FireFox3下同步请求不需要等待onReadyStateChange，而直接执行后续代码，于是只要将原先代码中

xmlhttp.onReadyStateChange = stateChange;    这句注掉，然后直接调用stateChange()方法。代码如下:

var startRequestMethod = function(obj){<br /> var url = “http://www.xxxx.com?id=1”;<br /> xmlhttp.open(“get”, url, false); //这是个同步请求<br /> xmlhttp.send(null);<br /> //xmlhttp.onReadyStateChange = stateChange; //注意这儿<br /> stateChange();<br />}

综合上面的，可以对同步和异步请求做个判断，做个通用化的处理，代码如下：

var startRequestMethod = function(obj){<br /> var url = “http://www.xxxx.com?id=1”;<br /> var ansyType = true; //默认异步<br /> xmlhttp.open(“get”, url, ansyType); //这是个同步请求<br /> xmlhttp.send(null);<br /> if(ansyType){ //异步<br /> xmlhttp.onReadyStateChange = stateChange;<br /> }else{ //同步<br /> stateChange();<br /> }<br />}

测试环境：IE8+FF3.6.6