如何使用H5取JSON數據？

在日常開發中，獲取JSON數據是經常需要使用到的技能。HTML5引入了XMLHttpRequest對象，可以輕易地從服務器獲取JSON數據。

以下是一個簡單的用例，展示了如何使用H5獲取JSON數據：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/data.json', true);
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.response);
// Do something with the JSON data here
}
};
xhr.send();

上面的代碼中，我們首先創建了一個XMLHttpRequest對象，然后調用open方法來指定請求的地址和方法。在這個例子中，我們使用了GET方法獲取JSON數據。第三個參數為true表示異步請求。

接著，我們綁定了一個onload事件，當XHR請求完成時會自動運行這個事件。如果請求成功，我們會調用JSON.parse方法解析響應體，將其轉換為JavaScript對象。然后就可以在這里對JSON數據進行處理了。

需要注意的一點是，在請求之前，我們需要保證我們的瀏覽器支持XMLHttpRequest對象。同時，我們也需要確保服務器返回的數據格式正確，即按照JSON格式返回。

以上就是如何使用H5獲取JSON數據的簡單用例及注意事項。謝謝閱讀！