在前端開發中,我們通常需要從后端獲取數據,一種常用的數據格式是json格式。在JavaScript中,我們可以使用get方法來獲取json數據。下面我們來看一下如何使用get方法獲取json數據。
//創建一個XMLHttpRequest對象 var xhr = new XMLHttpRequest(); //指定請求方式和請求地址,注意:請求地址必須是json文件或者返回json數據的API xhr.open('get', 'xxx.json', true); //設置響應類型為json xhr.responseType = 'json'; //發送請求 xhr.send(); //監聽請求狀態的變化 xhr.onreadystatechange = function() { if(xhr.readyState == 4) { //請求成功,更新數據 var data = xhr.response; console.log(data); } }
以上代碼可以分為以下幾個步驟:
1.創建一個XMLHttpRequest對象。
2.指定請求方式和請求地址,注意:請求地址必須是json文件或者返回json數據的API。
3.設置響應類型為json。
4.發送請求。
5.監聽請求狀態的變化。
6.請求成功時,使用獲取到的json數據更新頁面數據。
需要注意的是,在發送請求前,可以先判斷瀏覽器是否支持XMLHttpRequest對象:
if(window.XMLHttpRequest) { //支持 var xhr = new XMLHttpRequest(); } else { //不支持 var xhr = new ActiveXObject('Microsoft.XMLHTTP'); }
以上就是使用get方法獲取json數據的基本步驟,可以根據實際需求進行修改和調整。