AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
您应当具备的基础知识
在继续学习之前，您需要对下面的知识有基本的了解：
HTML / XHTML
CSS
JavaScript / DOM
如果您希望首先学习这些项目，请在我们的首页访问这些教程。
什么是 AJAX ？
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。
Google Suggest
在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。
Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。
今天就开始使用 AJAX
AJAX 基于已有的标准。这些标准已被大多数开发者使用多年。
既然是ajax框架，那么闲谈一谈jQuery的ajax处理思路。
现在的浏览器都支持ajax，只不过不同的浏览器使用方法可能有不同（IE使用new window.ActiveXObject("Microsoft.XMLHTTP")，标准浏览器使用new window.XMLHttpRequest()）。如果按照这种思路，貌似jQajax只需要做好兼容处理就行了？
不是的，原生的ajax有一个说大不大说小不小的缺点——不支持跨域（同源策略由来已久，自行百度）。所以jQajax添加了这方面的处理，jQajax是如何解决跨域问题的？
<img src="=2406301718,2822592556&fm=21&gp=0.jpg"/>
是能取到图片的，很明显图片的路径和你的服务端不是一个域的。你可以试试看所有的带有src属性的标签都不受同源策略的影响。所以，jQuery就使用了这个属性，对于跨域请求使用script标签的src来请求路径。
然后jQuery在加上对ajax事件的三种监听方式：
1.全局事件：$(document).on(‘ajaxStart',func);
2.ajax设置回调项：$.ajax({url: "php.html", complete: func });
3.deferred绑定方式：$.ajax(…).done(func);
基本上这就是jQajax所做的事情。
在正真进入ajax框架核心之前，先来分析一jQuery准备的几个序列化提交表单的函数。
a. 表单序列化
所谓的表单序列化即将表单需要提交的内容组成类似：“key=value&key=value…”形式的字符串。
序列化用到三个函数：
jQuery.fn. serialize()（序列化函数，筛选出表单中需要提交的数据并以序列化字符串方式返回，形如：“key=value&key=value…”）
jQuery.fn. serializeArray()（筛选出表单中需要提交的数据并以key/value键值对的对象数组格式返回，返回[{name:'key',value:'select1'},{name:'selectM',value:'selectM1'}, {name:'selectM',value:'selectM2'}, { name:'key2',value:0}…]）
jQuery.param(serializeArray, traditional )（将key/value键值对的对象数组序列化为“key=value&key=value…”字符串）。
serialize直接调用jQuery.param( this.serializeArray() )即可。
serializeArray的源码如下：主要进行三个步骤：提取表单元素、过滤出满足提交条件的表单元素、组合成key/value键值对的对象数组
serializeArray: function() { //将form中的表单相关的元素取出来组成数组 return this.map(function(){ //表单节点有elements这个特征 var elements = jQuery.prop( this, "elements" ); return elements ? jQuery.makeArray( elements ) : this; }) //过滤出为需要提交的表单元素（有name名称、非disabled元素、非提交按钮等元素、checkbox/radio的checked的元素） .filter(function(){ var type = this.type; //使用.is(":disabled")过滤掉不可用的表单元素 return this.name && !jQuery( this ).is( ":disabled" ) && rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) && ( this.checked || !manipulation_rcheckableType.test( type ) ); }) //将表单提交元素组成name和value的对象数组 .map(function( i, elem ){ var val = jQuery( this ).val(); return val == null ? null : jQuery.isArray( val ) ? jQuery.map( val, function( val ){ return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; }) : { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; }).get(); }
需要注意的是jQuery的过滤结果符合正常的表单提交结果：//过滤出为需要提交的表单元素（有name名称、非disabled元素、非提交按钮等元素、checkbox/radio的checked的元素）