load()方法從服務(wù)器加載數(shù)據(jù)，并將返回的HTML放入所選元素中。
load()方法是從服務(wù)器獲取數(shù)據(jù)的最簡(jiǎn)單方法。 它大致等同于$ .get(url,data,callback)，除了它是方法而不是全局函數(shù)，并且具有隱式的回調(diào)函數(shù)。。
請(qǐng)求方法：如果將data作為對(duì)象提供，則使用POST方法。否則，假定為GET。
$(selector).load(URL, data, callback)
將ajax_intro.txt文件的內(nèi)容加載到DIV元素中：
$("button").click(function(){
$("div").load("ajax_intro.txt");
});測(cè)試看看?/?與$ .get()不同，load()方法允許我們指定要插入的遠(yuǎn)程文檔的一部分：
$("button").click(function(){
$("div").load("/jquery/ajax_load.html #table");
});測(cè)試看看?/?加載ajax_post.php頁(yè)面，并發(fā)送一些其他數(shù)據(jù)：
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("div").load("ajax_post.php", data);
});測(cè)試看看?/?加載ajax_post.php頁(yè)面，發(fā)送一些其他數(shù)據(jù)，并發(fā)出警報(bào)狀態(tài)消息：
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("div").load("ajax_post.php", data, function(response, status){
alert(status);
});
});測(cè)試看看?/?如果Ajax請(qǐng)求遇到錯(cuò)誤，則顯示通知：
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("#success").load("wrong_file.php", data, function(response, status, xhr){
if(status == "error"){
let msg = "抱歉，出現(xiàn)錯(cuò)誤: ";
$("#error").html(msg + xhr.status + " " + xhr.statusText);
}
});
});測(cè)試看看?/?| 參數(shù) | 描述 |
|---|---|
| URL | 指定您想要請(qǐng)求的URL |
| data | （可選）指定與請(qǐng)求一起發(fā)送到服務(wù)器的純對(duì)象或字符串 |
| callback | （可選）指定在請(qǐng)求完成時(shí)執(zhí)行的回調(diào)函數(shù) 參數(shù)：
|