您的位置:首页 > 其它

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 异步 同步