jQuery 3.3.1版本中有一個非常重要的函數load(), 它能夠簡單快捷地從服務器加載并使用數據和HTML內容略。(https://api.jquery.com/load/)
load()函數的語法是:load(url, data, callback),其中:
url:必需,規定要加載的 URL; data:可選,規定與請求一起發送的查詢字符串鍵值對集合; callback:可選,規定當load() 方法完成后要執行的函數名稱。
load()函數的目的是從另一個文件中獲取數據,并將該數據插入到文檔中的某個元素中。如果你已經可以訪問 AJAX,那么你可以將load()函數視為某種類似AJAX的函數。它會請求服務器,但會自動以HTML格式解析返回的數據,因此它可以非常快速地向網頁中添加內容。
以下是使用load()函數向元素中添加關于移動設備的文本的例子:
$(document).ready(function(){ $("#load-button").click(function(){ $("#mobile-devices").load("devices.txt"); }); });
如上所述,load()函數被調用,并將要加載的文件名傳遞給該函數。在這種情況下,該文件名指向一個名為 " devices.txt " 的文件,它包含一個有關移動設備的簡短文本。當該文件被加載時,load()函數將解析該文件中的HTML,然后將其插入到指定元素中。