在Web開發中,每個網站都需要通過網絡與服務器通信來獲取所需的數據。通過使用H5的GET請求獲取JSON數據是一種流行的方法。
首先,需要創建一個XMLHttpRequest對象來發送GET請求。這可以通過以下代碼實現:
var xhr = new XMLHttpRequest(); xhr.open('GET', '/data.json', true); xhr.send();
接下來,需要創建一個回調函數來處理從服務器返回的JSON數據。這可以通過以下代碼實現:
xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.response); // 執行代碼以處理data變量中的JSON數據 } }
在回調函數中,首先需要檢查請求的狀態是否為4并且狀態碼是否為200。這是確認請求已成功完成并且服務器已經返回數據的標志。
接下來,可以使用JSON.parse函數將服務器返回的JSON字符串轉換為JavaScript對象。一旦數據被解析,就可以使用JavaScript進行處理和操作。
最后需要注意的是,訪問來自其他域的JSON數據可能會受到同源策略的限制。在這種情況下,可以使用JSONP或CORS來允許訪問其他域中的JSON數據。