aJax同步和异步
AJAX中根据async的值不同分为同步(async = false)和异步(async = true) $.ajax({? ??????? type: "post",? ?????? url: "path",sans-serif; font-size: 14px">?????? cache:false,sans-serif; font-size: 14px">?????? async:false,? ??????? dataType: ($.browser.msie) ? "text" : "xml",sans-serif; font-size: 14px">???????? success: function(xmlobj){? ? ? ? ? ? ? ? ? ? ? ? function1(){}; ??????? }? }); ?function2(){}; 默认情况下async是true 一.什么是同步请求:(false) ? ?? ? 同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,前一个人办理完自己的事务,下一个人才能接着办。也就是说,当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面处于一个假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态(即当ajax返回数据后,才执行后面的function2)。? 同步和异步有什么不同: 异步:在异步模式下,当我们使用AJAX发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含AJAX请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的,那么,这个时候就好比两条线程同时执行一样。 同步:在同步模式下,当我们使用AJAX发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成return时,包含请求代码的函数的剩余代码是不能够执行的。就好比单线程一样,请求发出后就进入阻塞状态,知道接触阻塞余下的代码才会继续执行。 看以下代码: ? var flag= true ;
var index=0;
$.ajax({
?? url: "" ,
?? success: function (data){
???? flag= false ;
?? }?
});
while (flag){
?? index++;
}
alert(index);
?
最终程序进入了一个死循环
看以下代码:
?
var flag= true ;
$.ajax({
?? url: "" ,
?? success: function (data){
???? flag= false ;
?? }?
});
alert(flag);
?
最终结果是true
js是单线程的,由于执行ajax请求会消耗一定的时间,甚至出现了网络故障而迟迟得不到返回结果;这时,如果同步执行的话,就必须等到ajax返回结果以后才能执行接下来的代码,如果ajax请求需要1分钟,程序就得等1分钟。如果是异步执行的话,在等在server端返回的这个过程中,前台会会继续执行ajax块后面的脚本,直到server端返回正常的结果才会执行success,这时候执行的是两个线程,ajax块发出请求后一个线程和ajax块后面脚本
var flag= true ;
var index=0;
$.ajax({
?? url: "" ,
?? async: false ,
?? success: function (data){
???? flag= false ;
?? }?
});
while (flag){
?? index++;
}
alert(index);
最终结果是0
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |