jQuery中ajax的load()與post()方法實(shí)例詳解_jquery

一、load()方法

在jQuery ajax的load()方法能夠載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中,這個(gè)與post,get還是有一點(diǎn)的區(qū)別，但可以快速在頁(yè)面加載時(shí)就加載一個(gè)頁(yè)面的html保存到dom中并且可執(zhí)行哦。

load()方法默認(rèn)使用 GET 方式, 如果傳遞了data參數(shù)則使用Post方式.

傳遞附加參數(shù)時(shí)自動(dòng)轉(zhuǎn)換為 POST 方式。jQuery 1.2 中，可以指定選擇符，來(lái)篩選載入的 HTML 文檔，DOM 中將僅插入篩選出的 HTML 代碼。語(yǔ)法形如 "url #some > selector", 默認(rèn)的選擇器是"body>*".

講解:

load是最簡(jiǎn)單的Ajax函數(shù), 但是使用具有局限性:

1.它主要用于直接返回HTML的Ajax接口
2.load是一個(gè)jQuery包裝集方法,需要在jQuery包裝集上調(diào)用,并且會(huì)將返回的HTML加載到對(duì)象中, 即使設(shè)置了回調(diào)函數(shù)也不過(guò)不可否認(rèn)load接口設(shè)計(jì)巧妙并且使用簡(jiǎn)單.下面通過(guò)示例來(lái)演示Load接口的使用:

load()函數(shù):

函數(shù)介紹：load(url, [data], [callback]) 返回值:jQuery

參數(shù)說(shuō)明：

url:待裝入 HTML 網(wǎng)頁(yè)網(wǎng)址。
data:（可選參數(shù)）發(fā)送至服務(wù)器的 key/value 數(shù)據(jù)。
callback:（可選參數(shù)）載入成功時(shí)回調(diào)函數(shù)。

下面進(jìn)行實(shí)例演示：

首先建立需要加載的test.html文件：

腳本之家(www.gxlcms.com),提供大量腳本及素材供大家下載!

然后建立ajax.html文件，記得引入jquery。

jQuery中ajax的load()與post()方法實(shí)例詳解_jquery

jQuery中ajax的load()與post()方法實(shí)例詳解_jquery:本文實(shí)例講述了jQuery中ajax的load()與post()方法。分享給大家供大家參考，具體如下： 一、load()方法 在jQuery ajax的load()方法能夠載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中,這個(gè)與post,get還是有一點(diǎn)的區(qū)別，但可以快速在頁(yè)面加載時(shí)就加載一個(gè)頁(yè)面的ht

推薦度：

點(diǎn)擊下載本文 文檔為doc格式