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

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

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

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

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

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

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

語(yǔ)法

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

參數(shù)

參數(shù)描述

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

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

返回值

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

示例&說(shuō)明

請(qǐng)參考以下這段HTML示例代碼：

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

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

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

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

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

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

// 請(qǐng)分別執(zhí)行以下三個(gè)加載方法// 也可將URL直接寫(xiě)為："action.php?id=5&username=CodePlayer&age=15"
$("div").load("action.php?id=5", "username=CodePlayer&age=15");// 由于數(shù)據(jù)是對(duì)象形式，因此自動(dòng)轉(zhuǎn)為POST方式
$("div").load("action.php?id=5", { username: "CodePlayer", age: 15 });// 由于數(shù)據(jù)是對(duì)象形式，因此自動(dòng)轉(zhuǎn)為POST方式// 注意：new String("username=CodePlayer&age=15") 也是一個(gè)Object對(duì)象，會(huì)使用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"中的一個(gè)// jqXHR 是經(jīng)過(guò)jQuery封裝的XMLHttpRequest對(duì)象(保留其本身的所有屬性和方法)if(textStatus == "success" || textStatus == "notmodified"){
? ? ? ? alert("加載成功!");}});

總結(jié)

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

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