在前端開發(fā)中,我們經常需要通過AJAX技術獲取服務器端的數據。服務器端返回數據的格式有很多種,JSON是其中較為常見的一種格式。在客戶端中使用get請求獲取JSON數據也是很常見的操作。下面就來詳細介紹一下如何使用get請求獲取JSON數據。
var xhr = new XMLHttpRequest();
xhr.open('get', '/api/data.json', true);
xhr.send();
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
}
首先我們需要創(chuàng)建一個XMLHttpRequest對象,然后使用open方法指定請求的方式、請求的地址和是否異步。接著發(fā)送請求,當readyState等于4并且status等于200時,說明請求成功,并且服務器返回的數據已經就緒。因為返回的數據是JSON格式的字符串,我們需要使用JSON.parse方法將其轉換為JSON對象,方便我們使用。
如果要進行錯誤處理,可以在onreadystatechange中添加一些判斷。以下是一個簡單的錯誤處理示例:
var xhr = new XMLHttpRequest();
xhr.open('get', '/api/data.json', true);
xhr.send();
xhr.onreadystatechange = function() {
if(xhr.readyState == 4) {
if(xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
} else {
console.log('error');
}
}
}
使用get請求獲取JSON數據非常簡單,只需要使用XMLHttpRequest對象發(fā)送請求,并在onreadystatechange事件中處理返回的數據即可。需要注意的是,服務器返回的數據格式必須是JSON格式的字符串,否則會無法處理。
上一篇vue存儲用戶列表
下一篇c json測試站點