load()函數用于從服務器加載數據，并使用返回的html內容替換當前匹配元素的內容。

load()函數默認使用GET方式，如果提供了對象形式的數據，則自動轉為POST方式。

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

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

如果當前jQuery對象沒有匹配任何元素，則不會執行遠程加載請求。

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

該函數屬于jQuery對象(實例)。該函數在底層是基于函數jQuery.ajax()實現的。

語法

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

參數

參數描述

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

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

返回值

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

示例&說明

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

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

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

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

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

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

我們還可以為請求的URL傳遞額外的請求參數并在請求完成后執行相應的回調函數。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。