jQuery的ajax实现机制--源码解读

jQuery通过src这个属性，对于跨域请求使用scrip标签的src请求路径
jQuery对ajax事件的三种监听方式：
1.全局事件:$(document).on(‘ajaxStart’,func);
需要监听的全局事件：
ajaxStart ajaxStop ajaxError ajaxComplete ajaxSuccess ajaxEnd

jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ){
    jQuery.fn[ type ] = function( fn ){
      return this.on( type, fn );
    };
});
//如果此时没有正在执行的请求，则触发ajaxStart事件
if ( fireGlobals && jQuery.active++ === 0 ) {
  jQuery.event.trigger("ajaxStart");
} 　
//使用event.trigger直接触发事件

2.ajax设置回调项： beforeSend/complete/success/error

$.ajax({url:'php.html',complete:func});

3.deferred绑定方式

$.ajax(...).done(func);

序列化提交表单的函数：
表单序列换即是将需要提交的内容组合成类似：’key=value&key=value…’;
序列化用到的三个函数：

jQuery.fn.serialize(); 
/*
*序列化函数，筛选出表单中需要提交的数据并以序列化字符串方式返回
*/
jQuery.fn.serializeArray();
/*
* 筛选出表单中需要提交的数据并以key/value键值对的对象数组格式返回
* "{'name':'key','value':'select'{'name':'key','value':'select'}";
*/
jQuery.param(serializeArray,traditional);
/*
*将key/value键值对的对象数组序列化'key=value&key=value'
*/

jQuery.fn.serializeArray()三个步骤：
提取表单元素(map)，过滤满足提交条件的表单元素(filter is(‘:disabled’) )，组合成key/value键值对的数组对象(map)

jQuery.param:将key/value成作为URI组件编码(保证key和value不会出现特殊符号)使用&连接并将空白符替换成+

如果value是函数，执行他得到真正的value
value = jQuery.isFunction( value ) ? value() : ( value == null ? “” : value );

把key和value作为URI组件编码，保证key和value不会出现特殊符号，即保证了“=”分割的正确性
s[ s.length ] = encodeURIComponent( key ) + “=” + encodeURIComponent( value );
s.join( “&” ).replace( r20, “+” );