關于H5 JSON交互

H5 (HTML5)是 HTML 最新的版本，它為 Web 應用開發提供了很多新特性。而JSON（JavaScript 對象表示法）則是一種輕量級的數據交換格式，常用于發送和接收數據。JSON 與 H5 結合使用可以實現更加豐富的交互和數據傳輸。

在 H5 中，我們可以通過 AJAX 和 Fetch API 兩種方式獲取服務器返回的 JSON 數據。

1. AJAX 請求

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
// 處理返回的 JSON 數據
}
};
xhttp.open("GET", "url-to-json-api", true);
xhttp.send();

AJAX 請求通常會創建一個 XMLHttpRequest 對象，通過 open 方法指定請求類型和 URL，最后使用 send 方法發送請求。在請求成功后，我們可以使用 responseText 屬性獲取到返回的 JSON 字符串，然后通過 JSON.parse 方法將其轉換為可用的 JavaScript 對象。

2. Fetch API 請求

fetch('url-to-json-api')
.then(response =>response.json())
.then(data =>{
// 處理返回的 JSON 數據
});

Fetch API 是 H5 新增的一種請求 API，它使用 Promises 提供了更加優雅的 AJAX 請求方式。在請求成功后，我們可以在 then 方法中直接獲取到 JSON 數據。

以上是兩種常見的 H5 JSON 數據請求方式。獲取到數據后，我們可以使用 JavaScript 對其進行處理，例如在頁面中展示、存儲或傳遞到其他組件中。