现在的位置: 首页 > 综合 > 正文

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

2013年08月08日 ⁄ 综合 ⁄ 共 1554字 ⁄ 字号 评论关闭

 

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。

抱歉!评论已关闭.