jQuery里ajax.load()方法應(yīng)如何使用

jQuery load() 方法

jQuery load() 方法是簡單但強(qiáng)大的 AJAX 方法。

load() 方法從服務(wù)器加載數(shù)據(jù)，并把返回的數(shù)據(jù)放入被選元素中。

語法:

$(selector).load(URL,data,callback);

load()函數(shù)用于從服務(wù)器加載數(shù)據(jù)，并使用返回的html內(nèi)容替換當(dāng)前匹配元素的內(nèi)容。

load()函數(shù)默認(rèn)使用GET方式，如果提供了對象形式的數(shù)據(jù)，則自動(dòng)轉(zhuǎn)為POST方式。

因?yàn)槟J(rèn)使用的是Get請求方式，所以我們也可以在url加數(shù)據(jù)進(jìn)行提交。

例如$("#box").load("loadTest.html？name=zhang&age=25")

load()方法可以參數(shù)三個(gè)參數(shù)：

url(必須，請求html 文件的url 地址，參數(shù)類型為String)

data(可選，發(fā)送的key/value 數(shù)據(jù)，參數(shù)類型為Object)

callback(可選，成功或失敗的回調(diào)函數(shù)，參數(shù)類型為函數(shù)Function)

load()方法是局部方法，因?yàn)樗枰粋€(gè)包含元素的jQuery 對象作為前綴。例如$("#box").load()

而$.get()和$.post()是全局方法，無須指定某個(gè)元素。對于用途而言，.load()適合做靜態(tài)文件的異步獲取，

而對于需要傳遞參數(shù)到服務(wù)器頁面的，$.get()和$.post()更加合適。

可選的 callback 參數(shù)規(guī)定當(dāng) load() 方法完成后所要允許的回調(diào)函數(shù)。回調(diào)函數(shù)可以設(shè)置不同的參數(shù)：

下面的例子會(huì)在 load() 方法完成后顯示一個(gè)提示框。如果 load() 方法已成功，則顯示“外部內(nèi)容加載成功！”，而如果失敗，則顯示錯(cuò)誤消息：

 $("button").click(function(){
 $("#p1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
 if(statusTxt=="success")
 alert("外部內(nèi)容加載成功！");
 if(statusTxt=="error")
 alert("Error: "+xhr.status+": "+xhr.statusText);
 });
});

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章！

推薦閱讀：

在js中怎么把json當(dāng)做參數(shù)使用

ajax+php控制函數(shù)調(diào)用步驟詳解

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com