jQuery AJAX 方法,能夠使用 HTTP Get 和 HTTP Post 從遠程服務器上請求文本、HTML、XML 或 JSON – 同時能夠把這些外部數據直接載入網頁的被選元素中。在之前初認識 AJAX是什麼 時就了解到這東西的媚力,花點時間了解一下使用的結構

API上load()函數的說明

load(fn):
如果綁定給window對象,則會在所有內容加載後觸發,包括窗口,框架,對象和圖像。如果綁定在元素上,則當元素的內容加載完畢後觸發。

load 方法的格式(在API Ajax中有另一種使用方法):

  1. url
    為ajax操作請求的url地址,url裡加上空格後面就可以跟選擇器了,如 demo.html .nav 就可以獲取 demo.html 中類名為 nav 的元素內容,不過如果這個類不存在的話,則什麼也不返回甚至連 http 請求都不會發生
  2. data
    參數 key, value 對的 js 對象形式給出請求 url 地址時附帶的參數,相當於把 url 用 get 方式請求
  3. callback
    請求完url後,在得到url返回的結果後進行回調的函數
  1. url 和 data,因為這兩個參數是我們用其進行Ajax操作所必須的,而回調函數則可用可不用
  2. data是可選的jQuery另外提供了兩個函數可以以帶參數的等式訪問url,get,post皆可
  3. load()也是可以加載動態頁面

See the Pen jQuery Ajax-load()函數 by Jimmy_Wu (@Jimmy_Wu) on CodePen.


js bin展示開新視窗


資料源:
jQuery load()函数帮你实现简单的Ajax