jQuery AJAX 方法,能夠使用 HTTP Get 和 HTTP Post 從遠程服務器上請求文本、HTML、XML 或 JSON – 同時能夠把這些外部數據直接載入網頁的被選元素中。在之前初認識 AJAX是什麼 時就了解到這東西的媚力,花點時間了解一下使用的結構
API上load()函數的說明
load(fn):
如果綁定給window對象,則會在所有內容加載後觸發,包括窗口,框架,對象和圖像。如果綁定在元素上,則當元素的內容加載完畢後觸發。
load 方法的格式(在API Ajax中有另一種使用方法):
1 | $("頁面中的對象").load( url, [data], [callback] ); |
- url
為ajax操作請求的url地址,url裡加上空格後面就可以跟選擇器了,如 demo.html .nav 就可以獲取 demo.html 中類名為 nav 的元素內容,不過如果這個類不存在的話,則什麼也不返回甚至連 http 請求都不會發生 - data
參數 key, value 對的 js 對象形式給出請求 url 地址時附帶的參數,相當於把 url 用 get 方式請求 - callback
請求完url後,在得到url返回的結果後進行回調的函數
- url 和 data,因為這兩個參數是我們用其進行Ajax操作所必須的,而回調函數則可用可不用
- data是可選的jQuery另外提供了兩個函數可以以帶參數的等式訪問url,get,post皆可
- load()也是可以加載動態頁面
See the Pen jQuery Ajax-load()函數 by Jimmy_Wu (@Jimmy_Wu) on CodePen.
js bin展示開新視窗