ajax中async设置为false与true的区别
2017-12-27 16:00
417 查看
jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的时候其他代码一样可以运行。
例如,以上代码中:
当async设置为true时,点击按钮后,会先alert(‘after click’),之后请求完毕才会alert(‘success’)。
当async设置为false时,点击按钮后,则会造成阻塞,阻止下面的代码执行,只有执行完ajax请求,才会去执行后面的代码。
$('input[type=button]').click(function(){ $.ajax({ url:'/user', type:'get', data:$('form').serializeArray(), async:true, success:function(res){ alert('success') },error:function(err){ console.log('err') } }) alert('after click') })
例如,以上代码中:
当async设置为true时,点击按钮后,会先alert(‘after click’),之后请求完毕才会alert(‘success’)。
当async设置为false时,点击按钮后,则会造成阻塞,阻止下面的代码执行,只有执行完ajax请求,才会去执行后面的代码。
相关文章推荐
- [android] setOnTouchEvent 设置返回值为true 和 false的区别
- setOnTouchEvent 设置返回值为true 和 false的区别
- Ajax请求中的async设置为false/true的区别
- setOnTouchEvent 设置返回值为true 和 false的区别
- Oracle 12.2 sec_case_sensitive_logon设置为true 或者false 时,针对 system用户和新建用户的区别.
- [置顶] bodyParser.urlencoded 中设置 extended 为 true 和为 false 有什么区别
- 使用js将标签的disable属性true设置为false
- LayoutInflater的inflate方法实例_null,false,true区别_groupview root是什么
- true false 与TRUE FALSE 的区别
- java 中 request.getSession(true、false、null)的区别
- Invalidate以及Invalidate(false)和Invalidate(true)的区别
- request.getSession(true)和request.getSession(false)的区别
- ES field store yes no 区别——可以设置为false,如果_source有的话
- proxy-target-class="true" 与proxy-target-class="false"的区别
- request.getSession(false),request.getSession()和request.getSession(true)的区别
- proxy-target-class="true" 与proxy-target-class="false"的区别
- Invalidate(TRUE)与Invalidate(FALSE)区别
- Response.Redirect(...,true/false)的区别
- getSession(boolean true) getSession getSession(boolean false) 的关系和区别
- [置顶] onTouch返回true和false的区别,如何解决onTouch和onClick冲突