$('#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里面清除