JavaScript作為一種腳本語言，廣泛應(yīng)用于網(wǎng)頁的前端開發(fā)中。在網(wǎng)頁的開發(fā)過程中，涉及到處理JSON數(shù)據(jù)的情況不少。對于少量的JSON數(shù)據(jù)，我們可以將其直接嵌入到JavaScript代碼中。但是對于大量或者頻繁更新的數(shù)據(jù)，往往需要將JSON數(shù)據(jù)從文件中讀取出來，然后再通過JavaScript來使用。下面我們就來詳細(xì)介紹一下JavaScript如何從本地加載JSON數(shù)據(jù)。

首先我們需要明確一下，JavaScript是運(yùn)行在瀏覽器（Brower）中的腳本語言，因此，我們所說的本地指的是用戶的計(jì)算機(jī)硬盤上。在JavaScript中，通過調(diào)用XMLHttpRequest對象，我們可以從服務(wù)器端（Server）上獲取數(shù)據(jù)，并在客戶端（Client）中使用。而如果數(shù)據(jù)保存在本地的JSON文件中，則需要用到瀏覽器提供的類似于下面這樣的API來讀取JSON數(shù)據(jù)：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/data.json', false);
xhr.send();
if (xhr.status !== 200) {
alert(xhr.status + ': ' + xhr.statusText);
} else {
console.log(xhr.responseText);
}

以上就是一個(gè)最簡單的使用XMLHttpRequest對象從本地JSON文件中讀取數(shù)據(jù)的代碼。其中，我們需要使用open方法來建立一個(gè)連接，其中第一個(gè)參數(shù)表示HTTP請求的方法，這里使用GET方法，第二個(gè)參數(shù)表示JSON文件的路徑，這里使用相對路徑。

接下來，我們通過調(diào)用對象的send方法來發(fā)送HTTP請求。由于此處使用的是同步方式獲取數(shù)據(jù)，因此不需要回調(diào)函數(shù)。而如果調(diào)用的是異步方式，則需要使用onreadystatechange事件來監(jiān)聽狀態(tài)的改變。

最后，我們對HTTP請求的狀態(tài)進(jìn)行判斷。如果狀態(tài)碼不是200，則說明請求失敗，需要彈出錯(cuò)誤信息；否則，就可以從responseText屬性中讀取到JSON數(shù)據(jù)。而responseText屬性所包含的數(shù)據(jù)是一個(gè)字符串類型的數(shù)據(jù)，需要再通過JSON.parse方法將其轉(zhuǎn)換為JavaScript中的對象。

try {
var data = JSON.parse(xhr.responseText);
console.log(data);
} catch(e) {
alert('parse error');
}

以上就是一個(gè)從本地加載JSON數(shù)據(jù)的完整代碼。當(dāng)然，在實(shí)際開發(fā)中，我們還需要考慮更多的情況，比如JSON文件的大小、訪問速度、跨域問題等等。但是無論如何，通過以上方法，我們可以清晰地了解到JavaScript是如何從本地加載JSON數(shù)據(jù)的。