在使用jQuery的load方法加載外部頁面時,我們可以通過回調(diào)函數(shù)來獲取加載完成后的響應(yīng),這個回調(diào)函數(shù)就是load的第二個參數(shù)。
$('element').load('url', function(response, status, xhr) { if (status === 'success') { console.log('加載成功!'); } else { console.log('加載失敗!'); } });
如上所示,load回調(diào)函數(shù)接受三個參數(shù),分別是響應(yīng)內(nèi)容、加載狀態(tài)和XMLHttpRequest對象。通過這些參數(shù),我們可以做出一些特別的操作。
- 響應(yīng)內(nèi)容:response
- 加載狀態(tài):status
- XMLHttpRequest對象:xhr
這個參數(shù)就是加載完成的頁面內(nèi)容,可以直接在回調(diào)函數(shù)中使用。在回調(diào)函數(shù)中的this指向的是觸發(fā)load方法的元素。
這個參數(shù)可以取值有success、error、notmodified。可以根據(jù)這個參數(shù)來增加一些操作。如上所示,我們用if語句來判斷加載狀態(tài),然后在控制臺中打印出相應(yīng)的提示信息。
這個參數(shù)可以用來在加載完成后獲取服務(wù)器響應(yīng)頭信息。例如,可以獲取服務(wù)器返回的頁面字符集。
總之,通過load回調(diào)函數(shù),我們可以非常靈活地控制頁面加載完成后的響應(yīng)。希望大家能夠熟練掌握這個技巧,為頁面開發(fā)增添更多功能。