2017-09-18
摘抄自W3school-jQuery - AJAX load() 方法
希望幫助自己系統(tǒng)地打好基礎，也能在做筆記的同時添加一些自己額外的收獲球昨。
jQuery load() 方法
jQuery load() 方法是簡單但強大的 AJAX 方法尔店。
load() 方法從服務器加載數(shù)據(jù)眨攘，并把返回的數(shù)據(jù)放入被選元素中主慰。
語法：
$(selector).load(URL,data,callback);
必需的 URL 參數(shù)規(guī)定您希望加載的 URL。
可選的 data 參數(shù)規(guī)定與請求一同發(fā)送的查詢字符串鍵/值對集合鲫售。
可選的 callback 參數(shù)是 load() 方法完成后所執(zhí)行的函數(shù)名稱共螺。
這是示例文件（"demo_test.txt"）的內容：
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
下面的例子會把文件 "demo_test.txt" 的內容加載到指定的 <div> 元素中：
$("#div1").load("demo_test.txt");
也可以把 jQuery 選擇器添加到 URL 參數(shù)。
下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內容情竹，加載到指定的 <div> 元素中：
$("#div1").load("demo_test.txt #p1");
可選的 callback 參數(shù)規(guī)定當 load() 方法完成后所要允許的回調函數(shù)藐不。回調函數(shù)可以設置不同的參數(shù)：
- responseTxt - 包含調用成功時的結果內容
- statusTXT - 包含調用的狀態(tài)
- xhr - 包含 XMLHttpRequest 對象
下面的例子會在 load() 方法完成后顯示一個提示框秦效。如果 load() 方法已成功雏蛮，則顯示“外部內容加載成功！”阱州，而如果失敗挑秉，則顯示錯誤消息：
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部內容加載成功！");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
