load() 方法通過 AJAX 請求從服務器加載數據,並把返回的數據放置到指定的元素中。
語法:
load(url,data,function(response,status,xhr))
該方法是最簡單的從服務器獲取數據的方法。它幾乎與 $.get(url, data, success) 等價,不同的是它不是全局函數,並且它擁有隱式的回調函數。當偵測到成功的響應時(比如,當 textStatus 爲 "success" 或 "notmodified" 時),.load() 將匹配元素的 HTML 內容設置爲返回的數據。這意味着該方法的大多數使用會非常簡單:
$("#result").load("ajax/test.html");
如果提供回調函數,則會在執行 post-processing 之後執行該函數:
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
load() 方法,與 $.get() 不同,允許我們規定要插入的遠程文檔的某個部分。這一點是通過 url 參數的特殊語法實現的。如果該字符串中包含一個或多個空格,緊接第一個空格的字符串則是決定所加載內容的 jQuery 選擇器。
我們可以修改上面的例子,這樣就可以使用所獲得文檔的某部分:
$("#result").load("ajax/test.html #container");
加載html部分如果有js,操作如下:
$('#header').load('test.html .header',function(){//異步結束後運行
//注意js的加載方式 和/的轉義
$('body').append('<script src="js/haf.js"><\/script>');
});