Promise封装ajax的get请求接口

这个是封装好的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));
            }
        }

效果如图：