1.同步请求(async=false):
同步请求即是当前发出请求后,必须得等到请求完成返回数据之后,才会执行后续的代码。
当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,当这个AJAX执行完毕后才会继续运行其他代码。
2.异步请求(async=true):
异步请求就当发出请求的同时,继续执行下面的代码。Ajax发送请求并不会影响页面的加载与用户的操作。
3.什么时候使用同步请求,什么时候使用异步请求。
根据自己的需求,当ajax后的代码,不需要使用ajax查询到的结果时,即ajax的对后面的代码没有影响时,推荐使用异步请求
(async=true),这样可以加快程序的加载。当ajax后的代码,需要使用ajax查询到的结果时,即ajax的对后面的代码有影响时,推荐
使用同步请求(async=false)。不然后面代码的加载会出错。
4.实例
function getStatus(keiyakuNo) {
var status;
$.ajaxSettings.async = false;
if (keiyakuNo != "") {
var postData = {
"value(keiyakuNo)" : keiyakuNo
}
var url = sofia.contextPath()+ "/keiyaku/wfcm1000/wfcm1010/getStatus.do";
$.getJSON(url, postData, function(data) {
status = data.status;
});
} else {
status = "";
}
sofia.keiyaku.ui.changeTopImg(status);
$("#status", window.top.document).val(status);
}
如上:$.ajaxSettings.async = false; 在没有设置async 时,$.getJSON()方法默认async =true(异步请求),所以ajax在提交请求
后,在还没有得到返回结果时,就会先行加载 sofia.keiyaku.ui.changeTopImg(status) 方法,但是因为该方法参数使用到了上
面ajax查询后的status参数,因为此时是异步请求,还没有得结果,此时status=null;所以后面代码执时,由于得不到参数,执行
就发生了错误。所以此处必须使用同步请求(async =true)。
$.ajaxSettings.async = false 在设置了同步请求后,在ajax发送请求后,在得到status结果后才执行下一步。