ajax中的async属性值之同步和异步的区别

在Jquery ajax方法中async用于控制同步和异步。当async值为true时是异步请求,当async值为fase时是同步请求。默认是true,即默认以异步的方式请求数据。

 

同步是指当JS代码加载到当前AJAX的时候,页面中其他的代码会停止加载,页面出现假死状态。只有当这个AJAX执行完毕后,才会继续运行其他代码页面,假死状态解除。而异步则是这个AJAX代码运行中的时候,其他代码一样可以运行。

 

一、async值为true (异步)

当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)

$.ajax({  
     type:"POST", 
     url:"Venue.aspx?act=init", 
     dataType:"html", 
     success:function(result){  // function1()
       f1(); 
       f2();  
     },
     failure:function (result) {  
       alert('Failed');  
     }
 }
 function2();

在上例中,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2()。

 

二、async值为false (同步)

当执行当前AJAX的时候,会停止执行后面的JS代码,直到AJAX执行完毕后时,才能继续执行后面的JS代码。

$.ajax({  
     type:"POST", 
     url:"Venue.aspx?act=init", 
     dataType:"html", 
     async: false,
     success:function(result){  // function1()
       f1(); 
       f2(); 
     },
     failure:function (result) {  
      alert('Failed');  
     }
 }
 function2();

 

当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),直到function1()部分执行完毕。

 

ajaxasync属性是用来设置请求是同步还是异步的。默认情况下,async属性为true,即异步方式。这意味着在发送ajax请求后,代码会继续执行后面的脚本,而不会等待服务器返回数据。当服务器返回数据后,会触发ajax的success方法。这样就可以同时执行多个线程,提高了页面的响应速度。\[2\] 如果将async属性设置为false,那么所有的请求都将变为同步请求。在没有返回之前,同步请求会锁住浏览器,用户的其他操作必须等待请求完成才能执行。这样可能会导致页面的卡顿和响应速度变慢。因此,一般情况下我们会使用异步请求来提高用户体验。\[2\] 在前端页面,可以通过设置async属性来控制ajax请求的同步异步方式。例如,在发送ajax请求时,可以通过设置xhr对象的async属性来控制请求的方式。\[3\] #### 引用[.reference_title] - *1* *2* [ajax请求async属性](https://blog.csdn.net/qq_45603855/article/details/118713569)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [AJAX、axios、async、跨域相关笔记](https://blog.csdn.net/DespairA/article/details/123271690)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值