Promise封裝ajax的get請求介面
阿新 • • 發佈:2018-11-30
這個是封裝好的ajax
// 封裝一個get請求的方法 function getJSON(url) { return new Promise(function(resolve, reject) { var XHR = new XMLHttpRequest(); XHR.open('GET', url, true); XHR.send(); XHR.onreadystatechange = function() { if (XHR.readyState == 4) { if (XHR.status == 200) { try { var response = JSON.parse(XHR.responseText); resolve(response); } catch (e) { reject(e); } } else { reject(new Error(XHR.statusText)); } } } }) } getJSON(url).then(resp => console.log(resp));
下面是原生簡單的ajax請求資料方法
var url = 'https://route.showapi.com/213-1?keyword=海闊天空&page=1&showapi_appid=38151&showapi_timestamp=20181026165947&showapi_sign=28aada70b1e1f31b0496290a233fd46d'; var result; var XHR = new XMLHttpRequest(); XHR.open('GET', url, true); XHR.send(); XHR.onreadystatechange = function() { if (XHR.readyState == 4 && XHR.status == 200) { result = XHR.response; console.log(JSON.parse(result)); } }
效果如圖: