ajax async属性(同步异步)
2017-04-23 15:36
465 查看
$('#btn-query').on('click',function(){ var obj=0; $.ajax({ url:"../data/test.txt", contentType:"application/json", type:"POST", cache:false, async:true, beforeSend:function(){ $('#queryForm').hide(); }, success:function(result){ obj=result; }, complete:function(){ } }); console.log(obj); }); } ***ajax的async属性默认为true*** 1. async:true,这种情况为异步方式,当ajax发送请求前,会先执行ajax块中beforeSend里面的代码,如果beforeSend里面有DOM操作,就可以立即对DOM进行渲染,当ajax发送请求后,在等待server端返回的数据的过程中,程序会继续执行ajax块外面的代码,直到服务器返回正确的结果才会去执行success的方法。因此,在执行success前DOM隐藏且obj=0。 2.async:false,,这时ajax的请求是同步的。这样的话,当ajax发送请求前,会先执行ajax块中beforeSend里面的代码,如果beforeSend里面有DOM操作,不会立即对DOM进行渲染,而是等到complete执行完之后,才会渲染DOM,当ajax发送请求后只有ajax请求成功之后,才会执行ajax块外面的js代码。因此,在执行完complete之后DOM才隐藏且obj=result。
重点内容:
1.数据加载时的转圈圈:需要异步时,在beforeSend里面添加,在complete里面清除
相关文章推荐
- ajax中的async属性值之同步和异步及同步和异步区别
- JQuery的ajax同步和异步的区别(async属性)
- ajax中的async属性值之同步和异步及同步和异步区别
- jQuery中的ajax方法的async属性(同步异步问题)解释
- 深入理解AJAX系列第三篇--async属性值之同步和异步及同步和异步区别
- ajax中的async属性值之同步和异步及同步和异步区别
- Ajax的同步异步(async属性)
- ajax中的async属性值之同步和异步及同步和异步区别
- ajax中的async属性值之同步和异步及同步和异步区别
- $.ajax同步/异步(async:false/true)
- 【ajax】Ajax同步异步问题/async/‘values below was evaluated just now’
- ajax ,async: false, 同步和异步的参数
- jQuery的ajax async同步和异步介绍
- ajax 的 async 的同步和 异步
- jQuery中的ajax async同步和异步详解
- ajax 异步请求 async:true;// true为异步,默认异步,false为同步
- Ajax中的async的取值(异步和同步)
- jQuery的ajax async同步和异步介绍
- jQuery的ajax async同步和异步介绍
- AJAX async:true(异步)或 false(同步)。