Jquery的load方法是一個非常強大的函數,可以用于在HTML頁面中異步載入某個文本文件,也可以通過加載另一個HTML頁面的部分內容來實現無刷新效果,省去了使用iframe等其他方法實現的繁瑣過程。
$(selector).load(URL,data,callback);
其中,selector是用于指定頁面中要加載內容的元素。URL是要載入的頁面或者文件的地址,這個地址可以是相對路徑或者絕對路徑。data是要發送到服務器端的額外數據,可以是對象或字符串,也可以省略。callback是在載入完成后的回調函數。
如果URL指定了一個HTML頁面的地址,那么可以在load方法中通過選擇器指定要載入的頁面中的某個元素。例如:
$('div#content').load('http://example.com/page.html #content');
這樣就會載入http://example.com/page.html頁面中id為content的那個元素,覆蓋掉當前頁面中id為content的元素。
我們還可以在load方法中使用回調函數,當數據載入完成后,執行對應的操作。例如:
$('div#content').load('http://example.com/page.html #content', function() {
// 在這里執行對載入的數據的處理
});
需要注意的是,載入的數據必須在同一個域內。如果要加載不同域內的數據,需要使用JSONP等其他方式來實現。
總之,Jquery的load方法使得頁面內容的異步更新變得非常簡單,同時還可以輕松解決跨域問題。