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