AJAX就是异步 JavaScript 和 XML（Asynchronous JavaScript and XML）. 简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。使用XML进行数据交流, 使得数据可以按需要进行加载.

加载数据

• $(selector).load(URL,data,callback); .load()加载页面或元素
  几乎与 $.get(url, data, success) 等价，不同的是它不是全局函数，并且它拥有隐式的回调函数。当侦测到成功的响应时（比如，当 textStatus 为 “success” 或 “notmodified” 时），.load() 将匹配元素的 HTML 内容设置为返回的数据。如果提供的data是对象，则使用 POST 方法；否则使用 GET 方法。由于浏览器安全方面的限制，大多数 “Ajax” 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据。
  1. url 规定要将请求发送到哪个 URL。后面可以跟空格加jquery的selector.如:“ajax/test.html #container”
  2. data 可选。规定连同请求发送到服务器的数据
  3. function(response,status,xhr) 可选。规定当请求完成时运行的函数。额外的参数：
     1. response - 包含来自请求的结果数据
     2. status - 包含请求的状态（”success”, “notmodified”, “error”, “timeout” 或 “parsererror”）
     3. xhr - 包含 XMLHttpRequest 对象
• $(selector).get(url,data,success(response,status,xhr),dataType) Ajax html get方法
  类似于HTML GET, 请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。可以不加selector直接$.get()
  1. url 必需。规定将请求发送的哪个 URL。
  2. data 可选。规定连同请求发送到服务器的数据。如{name:”hom”,age:”30”}这样,懂html-get就懂了.
  3. dataType - 可选。规定预计的服务器响应的数据类型。默认地，jQuery 将智能判断。可能的类型：”xml”, “html”, “text”, “script”, “json”, “jsonp”
  4. success(response,status,xhr) 可选。规定当请求成功时运行的函数。额外的参数：
     1. response - 包含来自请求的结果数据
     2. status - 包含请求的状态
     3. xhr - 包含 XMLHttpRequest 对象
        例如: $.get("test.cgi", { name: "John", time: "2pm" },function(data){alert("Data Loaded: " + data);});
• jQuery.post(url,data,success(data, textStatus, jqXHR),dataType) Ajax html post方法 和.get类似,使用post方法提交请求.

数据处理

• $(selector).serialize() 序列化表单数据返回字符串
  就是将表单成功submit时数据转成 a=1&b=1 这种get方式字符串.可以对整个form,也可以对某些标签,取决于selector.
• $(selector).serializeArray() 序列化表单返回jason对象. 和上类似,但返回的是jason对象,注意操作.
• jQuery.param(object,traditional) 将数组或对象字符串化
  可以将数组/对象字符串化成get请求那种字符串.第二参数规定是否使用传统的方式浅层进行序列化（参数序列化）,默认false.

请求完成处理

如.ajaxError()

An example to get pdb information online and show it

<input type="button" value="1: Get PDB" id="getpdb"> <input type="text" value="1AJJ" id="pdbnum">
<p id="showpdb"></p>
<script>
$(document).ready(function(){
	$("#getpdb").click(function(){
		var pdbnum=$("#pdbnum").val();
		$.get("http://www.rcsb.org/pdb/files/"+pdbnum+".pdb",function(data,status){
			//alert("Data: " + data + "\nStatus: " + status);
			$("#showpdb").html(data);
		});
	});
});</script>

Reference

1. Jquery-Ajax参考
2. AJAX教程