ajax簡介：
在不全部重載整個頁面的情況下，通過與服務(wù)器進行數(shù)據(jù)交換，完成網(wǎng)頁部的更新。
AJAX ＝ javaScript ＋ XML （Asynchronous Javascript and XML）
Jquery與AJAX：
JQuery提供了多個與AJAX相關(guān)的方法，通過這些方法，我們可以方便快捷的獲取遠程服務(wù)器上的文本、HTML、Json、XML數(shù)據(jù)等。（你可以直接將這些數(shù)據(jù)直接載入到頁面中元素中進JQuery AJAX 方法：
load方法：
從服務(wù)器加載數(shù)據(jù)，并將返回數(shù)據(jù)放入到備選元素當(dāng)中
$(selector).load(URL, data, callback)
URL 必選參數(shù)，請求數(shù)據(jù)的URL
data: 可選，與請求一起發(fā)送的查詢 健／值 對
callback：可選load完成后，執(zhí)行的函數(shù)（可選參數(shù)responseTxt, StatusTxt, xhr）
responseTxt: 響應(yīng)的結(jié)果內(nèi)容
statusTxt:包含調(diào)用的狀態(tài)（error／success）
xhr: 包含XMLHttpRequest對象
demo：
<h2>測試JQuery AJAX Load方法</h2>
<input id="button" type="button" value="load"/><br/>
<p id="p_data"></p>
$("#button").click(function(){
// alert("clicked me!");
$("#p_data").load("http://127.0.0.1:8080/common/query", function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部內(nèi)容加載成功！");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
PS. JS ?跨域問題，提示錯誤：
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
可以在服務(wù)端，設(shè)置響應(yīng)頭：
response.setHeader("Access-Control-Allow-Origin","*");
