ajax的async属性（控制同步和异步）

Posted 2022-04-23 gwxppg

ajax中async属性用于控制同步和异步。

true（异步请求，默认）。意思是AJAX代码运行中的时候其他代码一样可以运行。

flase（同步）。意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面会出现假死状态，当AJAX执行完毕后才会继续运行其他代码，解除页面假死状态。

$(‘input[type=button]‘).click(function()
　　$.ajax(
　　　　url:‘/test‘,
　　　　type:‘get‘,
　　　　data:data,
　　　　async:true,
　　　　success:function(res)
　　　　　　alert(‘success‘);
　　　　,
       error:function(err)
　　　　   alert(‘err‘);
　　　　
　　)
　　alert(‘after click‘)
)

 

例如，以上代码中：
当async设置为true时，点击按钮后，会先alert(‘after click’)，之后请求完毕才会alert(‘success’)。
当async设置为false时，点击按钮后，则会造成阻塞，阻止下面的代码执行，只有执行完ajax请求，才会去执行后面的代码。