load方法實例分析

這篇“load方法實例分析”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“load方法實例分析”文章吧。

　　.load( url [, data ] [, complete(responseText, textStatus, XMLHttpRequest) ] )

　　描述: 從服務器載入數據并且將返回的 HTML 代碼并插入至 匹配的元素 中。

　　url

　　類型: String

　　一個包含發送請求的URL字符串

　　data

　　類型: PlainObject, String

　　向服務器發送請求的Key/value參數，例如{name:"",age:23}

　　complete(responseText, textStatus, XMLHttpRequest)

　　類型: Function()

　　當請求成功后執行的回調函數。

　　注意: 事件處理函數中也有一個方法叫 .load()。  jQuery根據傳遞給它的參數設置來確定使用哪個方法執行。

　　這個方法是從服務器獲取數據最簡單的方法。除了不是全局函數，這個方法和$.get(url, data, success) 基本相同，它有一個隱含的回調函數。 當他檢查到一個成功的請求(i.e. 當 textStatus是 "success" 或者 "notmodified")時，.load() 方法將返回的HTML 內容數據設置到相匹配的節點中。這就意味著大多數采用這個方法可以很簡單:

　　$('#result').load('ajax/test.html');

　　如果選擇器沒有匹配的元素——在這種情況下，如果document不包含id = "result" 的元素- 這個Ajax請求將不會被發送出去。

　　如果提供回調,都將在執行后進行后處理:

　　Callback Function

　　如果提供了 "complete" 回調函數，它將在函數處理完之后，并且 HTML 已經被插入完時被調用。回調函數會在每個匹配的元素上被調用一次，并且 this始終指向當前正在處理的 DOM 元素。

　　$('#result').load('ajax/test.html', function() {

　　alert('Load was performed.');

　　});

　　在上文的兩個例子中, 如果當前的文件不包含ID為“result”的元素，那么.load()方法將不被執行。

以上就是關于“load方法實例分析”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。