在前端開發(fā)中,我們經(jīng)常需要在一個頁面中加載另一個頁面或者頁面片段。使用jQuery框架的load()方法可以實現(xiàn)這個功能。
舉個例子,如果我們有一個頁面上有一個按鈕,點擊按鈕后需要加載一個HTML文件中的內(nèi)容。這個功能可以用下面的代碼實現(xiàn):
$("#btn").click(function(){ $("#target").load("target.html"); });
在這個代碼中,當(dāng)點擊id為“btn”的元素時,頁面中id為“target”的元素就會被加載“target.html”文件中的內(nèi)容。
load()方法還支持傳遞一個回調(diào)函數(shù),在數(shù)據(jù)加載完成后可以對數(shù)據(jù)進(jìn)行處理。下面是一個例子:
$("#btn").click(function(){ $("#target").load("target.html", function(){ alert("文件已經(jīng)成功加載。"); }); });
在這個例子中,當(dāng)數(shù)據(jù)加載完成后,會彈出一個提示框。
需要注意的是,load()方法是異步的,因此如果需要在數(shù)據(jù)加載完成后對數(shù)據(jù)進(jìn)行操作,必須在回調(diào)函數(shù)中進(jìn)行。