jQuery的load()函數(shù)可以用來獲取外部HTML文件的內(nèi)容并插入到當(dāng)前頁面中指定的元素中。
$("#target").load("example.html");
這段代碼將會從example.html文件中獲取內(nèi)容,并將其插入到id為"target"的元素中。
同時,load()函數(shù)還可以通過傳入一個回調(diào)函數(shù)來處理獲取到的內(nèi)容:
$("#target").load("example.html", function(response, status, xhr) { if (status == "success") { console.log("內(nèi)容獲取成功!"); } else { console.log("內(nèi)容獲取失敗!"); } });
這段代碼中,回調(diào)函數(shù)會在獲取外部內(nèi)容后被調(diào)用。它會傳入三個參數(shù):
- response:獲取到的外部內(nèi)容。
- status:請求的狀態(tài),可能的值有"success"、"error"和"timeout"。
- xhr: XMLHttpRequest對象。
通過回調(diào)函數(shù),我們可以在獲取外部內(nèi)容后進(jìn)行一些處理,如修改元素屬性、添加事件監(jiān)聽器等。
此外,load()函數(shù)還可以用來獲取JSON數(shù)據(jù):
$.getJSON("example.json", function(data) { $("#target").html(data); });
這段代碼中,load()函數(shù)將會從example.json文件中獲取JSON格式的數(shù)據(jù)。回調(diào)函數(shù)將獲得解析后的JavaScript對象,并將其賦值給id為"target"的元素的HTML內(nèi)容中。
總之,load()函數(shù)可以很方便地將外部內(nèi)容插入到當(dāng)前頁面中,并提供了豐富的回調(diào)函數(shù)選項,讓我們可以方便地對獲取到的內(nèi)容進(jìn)行處理。