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

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

load()函數(shù)只會替換每個匹配元素的內(nèi)部內(nèi)容(innerHTML)。

你還可以在URL字符串后面追加指定的選擇器(與URL之間用空格隔開)，以便于只使用加載的html文檔中匹配選擇器的部分內(nèi)容來替換當(dāng)前匹配元素的內(nèi)容。如果該文檔沒有匹配選擇器的內(nèi)容，就使用空字符串("")來替換當(dāng)前匹配元素的內(nèi)容。

如果當(dāng)前jQuery對象沒有匹配任何元素，則不會執(zhí)行遠(yuǎn)程加載請求。

這里介紹的load()是一個Ajax請求函數(shù)，jQuery中還有一個同名的事件函數(shù)load()，用于在文檔加載完成時執(zhí)行指定的函數(shù)。

該函數(shù)屬于jQuery對象(實(shí)例)。該函數(shù)在底層是基于函數(shù)jQuery.ajax()實(shí)現(xiàn)的。

語法

jQueryObject.load( url [, data ] [, complete ] )

參數(shù)

參數(shù)描述

url	String類型請求的目標(biāo)URL字符串。
data	可選/String/Object類型發(fā)送請求傳遞的數(shù)據(jù)。
complete	可選/Function類型請求完成(無論成功或失敗)后執(zhí)行的回調(diào)函數(shù)。它有3個參數(shù)：其一是請求返回的文本內(nèi)容，其二是請求狀態(tài)文本("success"、 "notmodified"、 "error"、 "timeout"、 "abort"或"parsererror")，其三是當(dāng)前jqXHR對象。

如果參數(shù)data為Object對象，jQuery會自動將其轉(zhuǎn)換為字符串。屬性名就是對應(yīng)的請求參數(shù)名，屬性值就是參數(shù)值，如果屬性值為數(shù)組，jQuery會自動將其拆分為參數(shù)名相同、每個元素作為參數(shù)值的請求參數(shù)。

返回值

load()函數(shù)的返回值為jQuery類型，返回當(dāng)前jQuery對象本身。

示例&說明

請參考以下這段HTML示例代碼：

id="content1">CodePlayer id="content2">專注于編程開發(fā)技術(shù)分享 id="content3">http://www.365mini.com

使用以下jQuery代碼，我們可以加載指定的html內(nèi)容來替換每個匹配元素的內(nèi)容(innerHTML)。

// 加載http://localhost/index.php的html內(nèi)容來替換當(dāng)前文檔的每一個div元素// jQuery會過濾掉該文檔中的DOCTYPE以及html、head、body標(biāo)簽后再進(jìn)行替換(以免與當(dāng)前文檔的標(biāo)簽起沖突)
$("div").load("http://localhost/index.php");// 由于當(dāng)前文檔沒有p元素，因此它什么也不做，既不會發(fā)送Ajax請求，也不會執(zhí)行回調(diào)函數(shù)(如果有回調(diào)函數(shù)的話)
$("p").load("http://localhost/index.php");

加載指定的html文檔數(shù)據(jù)，然后使用其中匹配選擇器的元素內(nèi)容來替換每個匹配元素的內(nèi)容。

// 加載http://localhost/index.php?id=2的html內(nèi)容// 只使用其中id為site-title的元素來替換所有div元素
$("div").load("http://localhost/index.php?id=2 #site-title");

我們還可以為請求的URL傳遞額外的請求參數(shù)并在請求完成后執(zhí)行相應(yīng)的回調(diào)函數(shù)。

// 請分別執(zhí)行以下三個加載方法// 也可將URL直接寫為："action.php?id=5&username=CodePlayer&age=15"
$("div").load("action.php?id=5", "username=CodePlayer&age=15");// 由于數(shù)據(jù)是對象形式，因此自動轉(zhuǎn)為POST方式
$("div").load("action.php?id=5", { username: "CodePlayer", age: 15 });// 由于數(shù)據(jù)是對象形式，因此自動轉(zhuǎn)為POST方式// 注意：new String("username=CodePlayer&age=15") 也是一個Object對象，會使用POST方式
$("div").load("action.php?id=5", { username: "CodePlayer", age: 15 }, function(responseText, textStatus, jqXHR){// responseText 是響應(yīng)(返回)的原始文本數(shù)據(jù)// textStatus 可能是 "success"、 "notmodified"、 "error"、 "timeout"、 "abort"或"parsererror"中的一個// jqXHR 是經(jīng)過jQuery封裝的XMLHttpRequest對象(保留其本身的所有屬性和方法)if(textStatus == "success" || textStatus == "notmodified"){
? ? ? ? alert("加載成功!");}});

總結(jié)

以上是生活随笔為你收集整理的action怎么获得 ajax date参数_ajax()gt;load()事件的新用法！！！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。