码迷,mamicode.com
首页 > Web开发 > 详细

ajax的async属性(控制同步和异步)

时间:2019-07-18 19:42:49      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:出现   lse   function   success   设置   状态   运行   url   控制   

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请求,才会去执行后面的代码。

ajax的async属性(控制同步和异步)

标签:出现   lse   function   success   设置   状态   运行   url   控制   

原文地址:https://www.cnblogs.com/gwxppg/p/11207737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!