在web開發中我們常常需要通過ajax的方式在不刷新頁面的情況下更新頁面內容,而jQuery中的ajax方法十分好用,尤其是其中的load模塊,可以輕松地將其他頁面的內容加載到當前頁面的指定元素中。
$(selector).load(url,data,function(response,status,xhr){ //code here });
在load方法中,可以傳遞三個參數,分別是url、data和回調函數。
url表示要加載的外部頁面的路徑,可以是相對路徑或絕對路徑。
data表示要傳遞給外部頁面的數據,可以是字符串或對象,如果是對象,jQuery會自動將其轉換為查詢字符串形式。
回調函數可以用來處理加載后得到的數據,其中response表示從服務器返回的數據,status表示請求狀態,xhr表示XMLHttpRequest對象。
需要注意的是,load方法只能在服務器環境下使用,否則會因為跨域問題而加載失敗。
$(document).ready(function(){ $("#content").load("test.html"); });
在上面的例子中,我們將test.html文件的內容加載到id為content的元素中。
load方法十分靈活,可以通過選擇器、表單數據等方式指定要加載的內容,使用起來非常方便。