JavaScipt 数据交互

标准的w3c直接提供了XMLHttpRequest方法，我们主要站在设计的角度来理解，如何设计出低耦合高内聚的代码jquery对Ajax的处理主要体现在对浏览器兼容，数据的处理过滤以及各种事件的封装上，主要有几个部分的扩展

提供快捷接口，提供底层接口，提供数据序列化，提供全局Ajax事件处理

给document绑定ajaxStart，ajaxComplete回调事件，trgger绑定一个点击事件，通过click触发事件发送一个ajax请求，并且通过complete,done,ajaxStart,ajaxComplete返回状态回调。

$(document).ajaxStart(function(){

　　console.info(arguements)

}).ajaxComplete(function(){

　　$(".log").text("");

});

$(".trigger").click(function(){

　　//发送ajax请求

　　$.ajax({

　　　　url:"index.html",

　　　　context:document.body,

　　　　complete:function(){

　　　　　　console.info(this);

　　　　}

　　}).done(function(){

　　　　console.info(this);

　　});

});

这里实现比较特别的地方，针对ajax提供3种回调方式：

1，内部回调beforeSend,error,dataFilter,success和complete等

2，外部的done，fail，when，always等

3，全局document上都能捕获到ajax的每一步的回调通知，ajaxStart，ajaxStop,ajax