JSON 是一種廣泛使用的數據交換格式，通常用于前后端交互時傳輸數據。在前端代碼中，我們通常會遇到需要批量讀取 JSON 數據的場景，下面介紹兩種方法。

方法一：使用 jQuery 的 $.getJSON() 方法

$ .getJSON('data.json', function(data) {
console.log(data);
});

通過 $.getJSON() 方法可以簡化讀取 JSON 數據的過程，只需要傳入 JSON 數據的地址，然后通過回調函數將數據輸出。

方法二：使用 XMLHttpRequest 對象

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();

通過 XMLHttpRequest 對象也可以實現讀取 JSON 數據的功能，其中 XMLHttpRequest 本身是一個封裝了 HTTP 請求的對象，在 onreadystatechange 事件中監聽狀態變化，當 readyState 變為 4 （請求已完成）并且 status 等于 200 時，可以通過 JSON.parse() 方法將返回的字符串轉為 JSON 對象。