日期:2014-05-16  浏览次数:20711 次

[转]Ajax同步与异步的区别

var returnValue = null;
xmlhttp = createXmlHttp();
xmlhttp.onreadystatechange = function() {
??? if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
??????? if (xmlhttp.responseText == "true") {
??????????? returnValue = "true";
??????? }
??????? else {
??????????? returnValue = "false";
??????? }
??? }
};
xmlhttp.open("Post",url,true); //异步传输
xmlhttp.setRequestHeader("If-Modified-Since","0"); //不缓存Ajax
xmlhttp.send(sendStr);
return returnValue;

?

?

?

?

?

?

在异步时才可以用xmlHttpReq.onreadystatechange状态值!下面是异步和同步的不同调用方式:
Java代码

xmlHttpReq.open("GET",url,true);//异步方式
???
??? xmlHttpReq.onreadystatechange = showResult; //showResult是回调函数名
??? xmlHttpReq.send(null);

function showResult(){??
??? if(xmlHttpReq.readyState == 4){????
???? if(xmlHttpReq.status == 200){
????? ******
???? }
??? }
}

Java代码
xmlHttpReq.open("GET",url,false);//同步方式??
??????????? xmlHttpReq.send(null);??
??????????? showResult(); //showResult虽然是回调函数名但是具体用法不一样~??
??????????????
function showResult(){?????
???????????? //if(xmlHttpReq.readyState == 4){??? 这里就不用了,直接dosomething吧~???
??????????????? //if(xmlHttpReq.status == 200){??
??????????????????? ******//dosomething??
??????????????? //}??
??????????? //}??
}

?

?


xmlhttp.open("Post",url,true);
如果是同步(false),返回值是true或false,因为执行完send后,开始执行onreadystatechange,程序会等到onreadystatechange都执行完,取得responseText后才会继续执行下一条语句,所以returnValue一定有值。
??? 如果是异步(true),返回值一定是null,因为程序执行完send后不等xmlhttp的响应,而继续执行下一条语句,所以returnValue还没有来的及变化就已经返回null了。

http://te343.w3.sh.cn/blog/view.aspx?blogid=82

?

??? 所有如果想获得xmlhttp返回值必须用同步,异步无法得到返回值。

??? 同步异步使用xmlhttp池时都要注意:取得xmlhttp时只能新建xmlhttp,不能从池中取出已用过的xmlhttp,因为被使用过的xmlhttp的readyState为4,所以同步异步都会send但不执行onreadystatechange。

?

转自:http://blog.sina.com.cn/s/blog_4d6fba1b0100mri4.html