概念:
AJAX 是與服務(wù)器交換數(shù)據(jù)的技術(shù)洋措,它在不重載全部頁面的情況下绢慢,實現(xiàn)了對部分網(wǎng)頁的更新
AJAX = 異步 JavaScript 和 XML(Asynchronous JavaScript and XML)
jQuery load() 方法:?(該方法是簡單但強(qiáng)大的 AJAX 方法)
$(selector).load(URL,data,callback);
第一個參數(shù): 必需的URL參數(shù)規(guī)定您希望加載的 URL
第二個參數(shù): 可選的data參數(shù)規(guī)定與請求一同發(fā)送的查詢字符串鍵/值對集合
第三個參數(shù): 可選的callback參數(shù)是 load() 方法完成后所執(zhí)行的函數(shù)名稱
*可選的 callback 參數(shù)規(guī)定當(dāng) load() 方法完成后所要允許的回調(diào)函數(shù)
---> responseTxt ? ?包含調(diào)用成功時的結(jié)果內(nèi)容
---> statusTXT ? ? ??包含調(diào)用的狀態(tài)
---> xhr ? ? ? ? ? ? ? ? ?包含 XMLHttpRequest 對象
例子:
-------------------示例文件("demo.txt")的內(nèi)容---------------
<h1>學(xué)好jQuery,娶得大美女</h1>
<p id="p1">段落文本生個小女孩</p>
---------------------------HTML代碼------------------------------
<div id="div1"><h1>使用 jQuery AJAX 修改文本</h1></div>
---------------------------jQuery代碼------------------------------
//獲取deme里面的內(nèi)容
$("button").click(function()?{
$("#div1").load("/ys/demo.txt");
});
//獲取demo里元素id="p1"的內(nèi)容
$("button").click(function(){
$("#div1").load("/ys/demo.txt #p1");
});
//加載完成后的回調(diào)
$("button").click(function(){
$("#div1").load("/ys/demo.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部內(nèi)容加載成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});