Get請求是一種常用的向服務器請求數據的方法,而Json則成為現在應用中傳輸數據的主流方式。下文將會帶您一步步了解如何使用get請求獲取Json數據。
第一步:準備工作
// 創建XMLHttpRequest對象 var xhr = new XMLHttpRequest(); // 設置請求方法,url為接口地址 xhr.open('GET', 'http://api.example.com/data', true); //請求頭(可選) xhr.setRequestHeader('Content-Type', 'application/json');
第二步:發送請求
//設置請求成功的回調函數處理數據 xhr.onload = function () { //responseText屬性就是服務器返回的數據 var json = JSON.parse(xhr.responseText); //處理數據... }; //發送請求 xhr.send();
完整代碼如下:
var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://api.example.com/data', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onload = function () { var json = JSON.parse(xhr.responseText); //處理數據... }; xhr.send();
以上就是使用ajax的get請求獲取Json數據的全部流程。
上一篇mysql刪除某個字段值
下一篇vue如何翻轉畫面