如何在H5中引入JSON文件？

在網頁開發中，JSON是一種非常常用的數據格式。在使用H5進行網頁開發時，如果需要使用JSON數據，就需要引入JSON文件。

引入JSON文件并不困難，可以通過以下步驟來實現：

1. 先創建JSON文件

{
"name": "Tom",
"age": 20,
"gender": "male"
}

2. 將JSON文件放到網站的服務器上
3. 使用JavaScript代碼引入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.name);
}
};
xhr.send();

代碼中，首先創建XMLHttpRequest對象，然后使用open方法打開JSON文件，并設置異步傳輸。然后定義onreadystatechange事件，當readystate為4和狀態碼為200時，表示JSON文件已經成功加載，使用JSON.parse方法將JSON字符串轉為JSON對象，這樣就可以使用JSON對象來操作數據了。

引入JSON文件實際上就是通過JavaScript代碼動態加載JSON數據，以實現在網頁中使用JSON數據的目的。而在H5中，可以使用fetch和axios等現代化的api來獲取JSON文件，使代碼更加簡潔和高效。