不清楚Ajax同步与异步请求的快来看这里!

一、ajax异步(默认:true)

异步:并行处理,程序向服务器发送一个请求,在结果返回之前,程序还是可以执行其它操作,大大节省了用户的时间,也提高用户的体验。

不清楚Ajax同步与异步请求的快来看这里!

二、ajax同步(设置:false)

同步:顺序处理,程序向服务器发送一个请求,在结果返回之前,程序要一直等待结果返回才可以执行下一步操作

不清楚Ajax同步与异步请求的快来看这里!

举个具体例子,这里test1利用ajax请求访问test2,在chrome和firefox等浏览器是不可以的,只有在IE是可以的(涉及到跨域访问)

test2.html如下:

不清楚Ajax同步与异步请求的快来看这里!

异步情况下:test1.html如下

不清楚Ajax同步与异步请求的快来看这里!

返回结果:AJax异步测试返回结果

同步情况下:test2.html如下:

不清楚Ajax同步与异步请求的快来看这里!

返回结果:Ajax同步测试返回结果

由上面两个例子可以看出,在异步的情况中 $('#resultView').html("Ajax同步测试返回结果"); 这句语句执行时,请求还未完成,界面加载完全之前,请求完成,执行 $('#resultView').html(data); 语句,导致界面显示test2.html内容;在同步的情况中必须等请求结束后才会执行 $('#resultView').html("Ajax同步测试返回结果"); 所以在界面加载完全之后显示是第二条语句执行后的结果。

web前端的学习需要有耐心,要循序渐进,小编这里整理了web前端的学习资料,有意向的小伙伴快点行动起来吧,关注小编,私信【学习】,即可免费获得哦!


分享到:


相關文章: