Ajax同步与异步

Posted 超级酸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax同步与异步相关的知识,希望对你有一定的参考价值。

 

Ajax中根据async的值不同分为同步(async = false)和异步(async = true)两种执行方式;

在W3C的教程中推荐使用异步执行。默认情况下async是true,也就是异步。

Jquery中的Ajax在默认不写async情况下,请求为异步请求;即:async:true;

 

一.什么是同步请求:(false) 

 

同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,前一个人办理完自己的事务,下一个人才能接着办。

也就是说,当JS代码加载到当前Ajax的时候会把页面里所有的代码停止加载,页面处于一个假死状态,当这个Ajax执行完毕后才会继续运行其他代码页面解除假死状态(即当Ajax返回数据后,才执行后面的function)。 

 

二.什么是异步请求:(true)

 

异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。

一般默认值为true,异步。异步请求可以完全不影响用户的体验效果,无论请求的时间长或者短,用户都在专心的操作页面的其他内容,并不会有等待的感觉。

 

 

同步和异步有什么不同:

 

异步:在异步模式下,当我们使用Ajax发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含Ajax请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的,那么,这个时候就好比两条线程同时执行一样。

 

同步:在同步模式下,当我们使用Ajax发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成return时,包含请求代码的函数的剩余代码是不能够执行的。就好比单线程一样,请求发出后就进入阻塞状态,直到解除阻塞,余下的代码才会继续执行。

 

以上是关于Ajax同步与异步的主要内容,如果未能解决你的问题,请参考以下文章

ajax同步与异步的区别

Ajax-原生Ajax详解-同步与异步底层

Ajax的同步与异步

ajax同步与异步

ajax的同步与异步

.Ajax(async异步与sync同步)