H5 讀取 JSON 文件

H5 可以使用 JavaScript 讀取 JSON 文件。

JSON （JavaScript Object Notation）是一種輕量級的數(shù)據(jù)交換格式，易于閱讀和編寫。JSON 文件通常以 .json 作為文件擴(kuò)展名，包含鍵值對和數(shù)組，使用對象表示。

H5 的 JavaScript 可以使用 XMLHttpRequest 對象 (XHR) 讀取 JSON 文件。

以下是一個例子：

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

上述代碼首先創(chuàng)建了一個 XMLHttpRequest 對象。然后，使用 open() 方法打開一個 HTTP 請求，使用 GET 方法請求指定的 URL（在這個例子中是 example.json）。第三個參數(shù)指定請求是否異步處理（true 表示異步處理）。

onreadystatechange 方法會被調(diào)用，每當(dāng) XHR 對象的 readyState 發(fā)生改變時。如果 readyState 等于 4 并且 HTTP 狀態(tài)碼為 200，那么說明響應(yīng)已經(jīng)接收完成。代碼會使用 JSON.parse() 方法把響應(yīng)文本轉(zhuǎn)換為 JavaScript 對象，然后將其作為 data 變量輸出到瀏覽器的控制臺。

這是一個簡單的方法，使用 JavaScript 在 H5 中讀取 JSON 文件。使用這種方式，可以在不刷新整個頁面的情況下獲取服務(wù)器端的數(shù)據(jù)。