在H5中，我們經常使用JSON來傳遞和存儲數據。那么JSON在H5中該如何引用呢？以下是一些示例：

// 定義JSON數據
var data = {
"name": "John",
"age": 30,
"city": "New York City"
}
// 直接使用JSON數據
console.log(data.name);    // 輸出John
console.log(data.age);     // 輸出30
console.log(data.city);    // 輸出New York City

在引用JSON時，可以直接使用JSON數據中的屬性。例如，在上面的代碼中，我們可以直接通過data.name，data.age和data.city來訪問JSON數據中的屬性。

// 使用JSON.parse()解析JSON數據
var jsonStr = '{"name":"John", "age":30, "city":"New York City"}';
var data = JSON.parse(jsonStr);
// 輸出JSON數據的屬性
console.log(data.name);   // 輸出John
console.log(data.age);    // 輸出30
console.log(data.city);   // 輸出New York City

如果JSON數據保存在字符串中，我們可以使用JSON.parse()方法將其解析為JavaScript對象。在上面的代碼中，我們將JSON字符串{"name":"John", "age":30, "city":"New York City"}解析為JavaScript對象，并且可以直接使用對象的屬性來訪問其屬性值。

// 使用XMLHttpRequest讀取JSON文件
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
console.log(data.name);   // 輸出John
console.log(data.age);    // 輸出30
console.log(data.city);   // 輸出New York City
}
};
xhttp.open("GET", "data.json", true);
xhttp.send();

如果JSON數據保存在外部文件中，我們可以使用XMLHttpRequest對象讀取文件，并使用JSON.parse()方法將其解析為JavaScript對象。在上面的代碼中，我們使用XMLHttpRequest對象讀取名為data.json的JSON文件，解析為JavaScript對象，并使用對象的屬性來訪問其屬性值。