Ajax同步与异步的区别

2017-10-30 18:36:00 3196 2 编辑:深正互联 来源:互联网

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。


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通