jQuery ajax的load()加載頁面方法

時間 2019-11-30

原文原文鏈接

[導讀] 在jQuery ajax的load()方法可以載入遠程 HTML 文件代碼並插入至 DOM 中,這個與post,get仍是有一點的區別，但能夠快速在頁面加載時就加載一個頁面的html保存到dom中而且可執行哦。 load()方法默認使用 GETjavascript

　　在jQuery ajax的load()方法可以載入遠程 HTML 文件代碼並插入至 DOM 中,這個與post,get仍是有一點的區別，但能夠快速在頁面加載時就加載一個頁面的html保存到dom中而且可執行哦。

load()方法默認使用 GET 方式, 若是傳遞了data參數則使用Post方式.php

- 傳遞附加參數時自動轉換爲 POST 方式。jQuery 1.2 中，能夠指定選擇符，來篩選載入的 HTML 文檔，DOM 中將僅插入篩選出的 HTML 代碼。語法形如 "url #some > selector", 默認的選擇器是"body>*".html

講解:java

　　load是最簡單的Ajax函數, 可是使用具備侷限性:jquery

　　1.它主要用於直接返回HTML的Ajax接口
　　2.load是一個jQuery包裝集方法,須要在jQuery包裝集上調用,而且會將返回的HTML加載到對象中, 即便設置了回調函數也不過不能否認load接口設計巧妙而且使用簡單.下面經過示例來演示Load接口的使用:web

load()函數:ajax

函數介紹：load(url, [data], [callback]) 返回值:jQuery瀏覽器

參數說明：緩存

url:待裝入 HTML 網頁網址。服務器

data:（可選參數）發送至服務器的 key/value 數據。

callback:（可選參數）載入成功時回調函數。

下面進行實例演示：

首先創建須要加載的test.html文件：

代碼以下	複製代碼
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ajax演示</title> </head> <body> php點點通（www.php100.com）,關注php開發，提供專業web開發教程! </body> </html>

而後創建ajax.html文件，記得引入jquery。

代碼以下

複製代碼

上面的示例演示瞭如何使用Load方法.

提示:咱們要時刻注意瀏覽器緩存, 當使用GET方式時要添加時間戳參數 (net Date()).getTime() 來保證每次發送的URL不一樣, 能夠避免瀏覽器緩存.

提示: 當在url參數後面添加了一個空格, 好比" "的時候, 會出現"沒法識別符號"的錯誤, 請求仍是能正常發送. 可是沒法加載HTML到DOM. 刪除後問題解決.

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。