ajax同步和异步的区别

同步和异步概念

同步: 提交请求 ->服务器进行处理->等待结果(这个期间,你不能做任何事,只有收到服务器的结果后,才可进行其他操作)

异步: 提交请求->服务器处理(这个期间你不用等待服务器的结果,你可去干自己的事情了)->处理完毕

ajax同步、异步

AJAX中根据async的值不同分为同步(async = false)和异步(async = true)两种执行方式;在W3C的教程中推荐使用异步执行;在默认情况下为异步(true)

  • 异步:

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

(现在的大多数项目,都是使用ajax的异步请求。因为这样能过避免服务器的检索给用户带来的时间延迟。异步传输,总是悄悄进行着,用户根本不知道这后面都发生了什么事,用户只要专注着操作浏览器界面就好了,这个对于用户体验来说,非常好。)
  • 同步:

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

(发完一个请求时,就一直处于等待状态。比如,你的鼠标一直显示着转啊转哈,直到服务器把数据处理完毕了,再告知浏览器现在可以了,你可以操作其他事情了,可是这对于用户是一个多么痛苦的体验,为了这个请求,页面一直无法操作,就像浏览器“死机”了一样 。所以,同步请求最好慎用。)

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

如何选择同步或者异步

我们在发送AJAX请求后,还需要继续处理服务器的响应结果,如果这时我们使用异步请求模式同时未将结果的处理交由另一个JS函数进行处理。这时就有可能发生这种情况:异步请求的响应还没有到达,函数已经执行完了return语句了,

这时将导致return的结果为空字符串。不过也有用同步的啦。有的时候,当前请求的结果是下一步请求的前提,只有知道了当前请求的结果,才能知道接下来怎么做。

总结

同步需要等待服务器响应,异步不需要

参考

JavaScript 同步和异步(执行机制)

 
 
原文地址:https://www.cnblogs.com/kunmomo/p/12883990.html