Ajax----同步请求（async=false）VS 异步请求（async=true）

最新推荐文章于 2023-08-04 09:33:16 发布

原创最新推荐文章于 2023-08-04 09:33:16 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#async #同步请求 #异步请求

Ajax 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了同步（async=false）与异步（async=true）AJAX请求的区别，详细解释了两种请求方式的工作原理及应用场景。指出在不影响后续代码执行的情况下，推荐使用异步请求以提高程序响应速度；而在需要等待请求结果时，则应采用同步请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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结果后才执行下一步。