Ajax----同步请求(async=false)VS 异步请求(async=true)

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

 

 

 

 

 

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax 异步请求变成同步可以通过在ajax请求中设置`async`参数为`false`来实现。默认情况下,`async`参数的值是`true`,表示异步请求。当将其设置为`false`时,请求将转变为同步请求同步请求会阻塞浏览器的其他操作,直到请求完成才会继续执行后续代码。这种方式不推荐使用,因为同步请求可能导致页面出现假死的情况,影响用户体验。建议仍然使用异步请求,以确保页面的流畅性和响应性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [ajax 同步请求异步请求的差异分析](https://download.csdn.net/download/weixin_38593644/12817770)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [ajax异步同步请求方式](https://blog.csdn.net/a1598452168YY/article/details/127735520)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [浅谈js的ajax的异步和同步请求的问题](https://download.csdn.net/download/weixin_38653155/12993591)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值