load()方法的使用

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>');
				
			});

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章