浅谈ajax异步和同步加载的区别

sync默认是true:即为异步方式，$.ajax执行后，会继续执行ajax后面的脚本，直到服务器端返回数据后，触发$.ajax里的success方法

若要将其设置为false，则所有的请求均为同步请求，在没有返回值之前，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以

例：

ajax默认是异步加载的，也就是说第一个fun请求数据时，数据还未返回时便开始执行第二个fun了，

如果将其设置为同步请求，则会等第一个function执行完后才会加载第二个function了

异步请求：

var flag=true;
$.ajax({
  url: "http://www.jb51.net/",
  success: function(data){
    flag=false;
  }  
});
alert(flag);

alert出flag的值是多少呢？没错，是true！

var flag=true;
var index=0;
$.ajax({
  url: "http://www.jb51.net/",
  async:false,
  success: function(data){
    flag=false;
  }  
});
while(flag){
  index++;
}
alert(index);

 

async默认是true，也就是异步，我们设置为false，即为同步。

js是单线程的，由于执行ajax请求会消耗一定的时间，甚至出现了网络故障而迟迟得不到返回结果；这时，如果同步执行的话，就必须等到ajax返回结果以后才能执行接下来的代码，如果ajax请求需要1分钟，程序就得等1分钟。如果是异步执行的话，就是告诉ajax代码“老兄，既然你迟迟不返回结果，我先不等你了，我还有一大堆代码要执行，等你执行完了给我说一下”。

Ajax默认是异步请求的，所以就出现了上面我们看到的结果。也就是ajax里面的代码还没有执行完，先执行了下面的代码。