jQuery 是一個廣泛使用的 JavaScript 庫,它簡化了 HTML 頁面的操作。其中一個非常有用的功能是 load() 方法,在不刷新整個頁面的情況下,從服務器加載 HTML 內容到特定的<div>
元素中。下面介紹如何使用 load() 方法。
// 語法格式 $(selector).load(URL, data, callback) // 實例示例 $('#content').load('html_file.html', function() { // 加載完成后執行的回調函數 alert('Content has been loaded successfully!') });
在實例示例中,第一個參數是一個 URL,指定要加載的 HTML 文件的位置。第二個參數是可選的,它是要發送到服務器的鍵/值對(比如一些查詢參數),用于處理服務器端腳本的影響。第三個參數也是可選的,它在 load() 完成后,執行回調函數。
load() 方法還可以加載其他 HTML 片段,如頁眉、頁腳、側邊欄等等。只需通過選擇器指定要加載的元素,然后將其傳遞到 load() 方法中即可。
// 加載頁面頭部 $('#header').load('header.html');
總體來說,jQuery load() 方法是用于非常方便地將 HTML 內容加載到特定元素中的。它支持服務器端數據請求和各種回調函數,可在前端開發中廣泛使用。