JQuery中的load()方法是一種用于向服務(wù)器加載數(shù)據(jù)的簡便方法,常用于更新部分頁面內(nèi)容。該方法可以使用多個參數(shù)來實現(xiàn)不同類型的加載操作。
基本語法:
$(selector).load(url,data,function(response,status,xhr){});
參數(shù)解釋:
- selector:用于指定要加載內(nèi)容的DOM元素。
- url:需要加載的url地址。
- data:可選參數(shù),傳遞給url的額外數(shù)據(jù)。
- function(response,status,xhr){}:可選參數(shù),當(dāng)請求完成后所調(diào)用的回調(diào)函數(shù)。
例如:
$("div").load("test.html", function(response, status, xhr){ if(status == "error") { alert("Error: " + xhr.status + ": " + xhr.statusText); } });
上述代碼會將test.html文檔中與選擇器匹配的內(nèi)容加載到所有的<div>元素中。如果加載失敗,則會彈出錯誤信息。
另外,load()方法還可以通過指定跨域加載數(shù)據(jù)的方式,例如:
$("div").load("https://example.com/data.php?callback=?", function(response, status, xhr){});
該方法把請求的URL最后一個參數(shù)設(shè)為“?”可以自動添加callback方法名,使返回的數(shù)據(jù)成為一個合法的JSONP響應(yīng),從而避免了跨域訪問的限制。