浅谈ajax同步、异步的问题

最近实习的时候看到过firefox的同步、异步的警告，想着概念不是那么清楚，于是整理了一下ajax同步异步方面的知识。我是小白，做个笔记。

首先就是概念问题，ajax根据async进行区分同步和异步过程，当async=true异步，async=false为同步，ajax默认async为异步。W3C推荐使用异步方法。

那么这两种情况分别在那种情况下使用呢?我自己的理解是这样的:

异步：ajax不会影响整个页面的加载，相当于和浏览器加载或者用户操作分开走，互不相干，体现在用户角度就是不会有什么卡顿的感觉仿佛无事发生。

同步：那就与异步相反，他和加载处于同一条线上，等这位大爷过了马路，后面的人才能接着走，就是在加载它的时候，全部的过程都等停下来，也就是假死状态。

也就是说在实际应用中，异步是比同步用的多很多，那么同步用到的情况是什么呢？ 在我的理解上来说，同步是能避免很多意想不到的情况的，也就是解决那些想不通的错误。

console.log(1);  $.ajax({          url: '',          async: false,          success: function() {                  console.log(2);          }  });  console.log(3);
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

来看一个典型的同步代码

console.log(1);
$.ajax({
    url: '',
    dataType:"json",
    async: false,
    success: function() {
        console.log(2);
    }
    });
console.log(3);//输出1 2 3
    

同步就是下了死命令要按顺序来，就是上面那样的输出顺序，当然这只是在json格式下的，换成jsonp它就会输出1 3 2了，具体是因为jsonp自身只有异步的模式。

异步就不一样了，它有可能发生跳跃的情况，也就是说在发送ajax的之后，服务器会有一个响应的时间，然而就是这段时间内如果异步请求交给一个js函数去处理，一个有可能发生的情况就是：“人未至，声先到”，也就是异步请求没到达，已经结束了js函数了。这时候就会发生很多难以考虑到的问题，明明ajax传输正常，值却是错误的。

这些都是我自己的理解，水平有限可能有说的不对的地方。

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

AJAX中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式；在W3C的教程中推荐使用异步执行。
作者：闰土大叔
链接：http://www.imooc.com/article/44008
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作