Jquery是一個(gè)廣受歡迎的JavaScript庫,它提供了很多實(shí)用的方法來簡(jiǎn)化開發(fā)人員的工作。其中,ajax方法可以用來加載和發(fā)送數(shù)據(jù),不僅可以與遠(yuǎn)程服務(wù)器通信,還可以用來加載本地的json文件。
$(document).ready(function(){ $.ajax({ type: "GET", url: "data.json", dataType: "json", success: function(data){ console.log(data); }, error: function(){ console.log("Error loading data"); } }); });
上面的代碼會(huì)在頁面加載完畢后調(diào)用ajax方法。type參數(shù)用來指定請(qǐng)求的方法,url參數(shù)則用來指定json文件的路徑。dataType參數(shù)告訴jquery,加載的數(shù)據(jù)類型是json格式的。
在成功加載數(shù)據(jù)后,我們可以在控制臺(tái)中打印出來進(jìn)行驗(yàn)證。如果加載失敗,則會(huì)調(diào)用error回調(diào)函數(shù)。
使用jquery.ajax方法加載本地json非常方便,不僅可以快速獲取數(shù)據(jù),而且可以根據(jù)需要處理返回值。同時(shí),ajax方法也具有很好的兼容性,可以在不同的瀏覽器和操作系統(tǒng)中穩(wěn)定運(yùn)行。