同步和异步概念
同步: 提交请求 ->服务器进行处理->等待结果(这个期间,你不能做任何事,只有收到服务器的结果后,才可进行其他操作)
异步: 提交请求->服务器处理(这个期间你不用等待服务器的结果,你可去干自己的事情了)->处理完毕
ajax同步、异步
AJAX中根据async的值不同分为同步(async = false)和异步(async = true)两种执行方式;在W3C的教程中推荐使用异步执行;在默认情况下为异步(true)
- 异步:
在异步模式下,当我们使用AJAX发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含AJAX请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的,那么,这个时候就好比两条线程同时执行一样。(异步就是不等待服务端响应,接着执行其他的同步代码,等待响应回来之后success,error才会执行)
- 同步:
在同步模式下,当我们使用AJAX发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成return时,包含请求代码的函数的剩余代码是不能够执行的。就好比单线程一样,请求发出后就进入阻塞状态,知道接触阻塞余下的代码才会继续执行。
(发完一个请求时,就一直处于等待状态。比如,你的鼠标一直显示着转啊转哈,直到服务器把数据处理完毕了,再告知浏览器现在可以了,你可以操作其他事情了,可是这对于用户是一个多么痛苦的体验,为了这个请求,页面一直无法操作,就像浏览器“死机”了一样 。所以,同步请求最好慎用。)
- 一般默认值为true,异步。异步请求可以完全不影响用户的体验效果,无论请求的时间长或者短,用户都在专心的操作页面的其他内容,并不会有等待的感觉。
如何选择同步或者异步
我们在发送AJAX请求后,还需要继续处理服务器的响应结果,如果这时我们使用异步请求模式同时未将结果的处理交由另一个JS函数进行处理。这时就有可能发生这种情况:异步请求的响应还没有到达,函数已经执行完了return语句了,
这时将导致return的结果为空字符串。不过也有用同步的啦。有的时候,当前请求的结果是下一步请求的前提,只有知道了当前请求的结果,才能知道接下来怎么做。
总结
同步需要等待服务器响应,异步不需要