ajax async属性（同步异步）

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