在Web開發中,很多時候需要通過請求參數從服務器獲取數據。其中一個比較常見的方法是通過get請求獲取JSON格式的數據。下面我們來介紹如何在JavaScript中通過get請求獲取JSON參數。
//首先創建一個XMLHttpRequest對象 var xhr = new XMLHttpRequest(); //請求的URL var url = "https://example.com/data.json"; xhr.open("get", url, true); //設置請求頭,對于JSON請求需要設置Content-Type為application/json xhr.setRequestHeader("Content-Type", "application/json"); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { //通過responseText獲取響應數據 var responseText = xhr.responseText; //將JSON格式的數據轉換為JavaScript對象 var jsonData = JSON.parse(responseText); //獲取JSON數據中的某個屬性值 var value = jsonData["property"]; } } xhr.send();
上面代碼中,我們首先創建了一個XMLHttpRequest對象,然后通過open方法設置請求的URL和請求方式。對于get請求,我們需要把第三個參數設置為true,表示異步請求。接著設置Content-Type請求頭,告訴服務器我們需要獲取JSON格式的數據。然后給XMLHttpRequest對象設置一個狀態改變事件,當請求成功,并且狀態碼為200時我們就可以獲取響應數據。最后,我們把JSON格式的數據轉換為JavaScript對象,然后可以通過獲取其中的某個屬性值來操作數據。