首頁  >  ajax  > load(url,[data],[callback])

返回值:jQuery load(url, [data] , [callback] )

概述

載入遠端 HTML 檔案程式碼並插入至 DOM 中。

預設使用 GET 方式 - 傳遞附加參數時自動轉換為 POST 方式。jQuery 1.2 中,可以指定選擇符,來篩選載入的 HTML 文件,DOM 中將僅插入篩選出的 HTML 程式碼。語法形如 "url #some > selector"。請檢視示例。

參數

url,[data,[callback]] String,Map/String,Callback V1.0

url :待裝入 HTML 網頁網址。

data :發送至伺服器的 key/value 資料。在jQuery 1.3中也可以接受一個字串了。

callback :載入成功時回撥函式。

示例

描述:

載入文章側邊欄導航部分至一個無序列表。

HTML 程式碼:

<b>jQuery Links:</b>
<ul id="links"></ul>
jQuery 程式碼:

$("#links").load("/Main_Page #p-Getting-Started li");

描述:

載入 feeds.html 檔案內容。

jQuery 程式碼:

$("#feeds").load("feeds.html");

描述:

同上,但是以 POST 形式發送附加參數並在成功時顯示資訊。

jQuery 程式碼:

 $("#feeds").load("feeds.php", {limit: 25}, function(){
   alert("The last 25 entries in the feed have been loaded");
 });