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));
				    }
				}

效果如图：