用promise封装原生ajax请求

// 简单的ajax原生实现  

1. var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10';  
2. var result;  
3.   
4. var XHR = new XMLHttpRequest();  
5. XHR.open('GET', url, true);  
6. XHR.send();  
7.   
8. XHR.onreadystatechange = function() {  
9.     if (XHR.readyState == 4 && XHR.status == 200) {  
10.         result = XHR.response;  
11.         console.log(result);  
12.     }  
13. }  
14.   
15.   
16. var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10';  
17.   
18. // 封装一个get请求的方法  
19. function getJSON(url) {  
20.     return new Promise(function(resolve, reject) {  
21.         var XHR = new XMLHttpRequest();  
22.         XHR.open('GET', url, true);  
23.         XHR.send();  
24.   
25.         XHR.onreadystatechange = function() {  
26.             if (XHR.readyState == 4) {  
27.                 if (XHR.status == 200) {  
28.                     try {  
29.                         var response = JSON.parse(XHR.responseText);  
30.                         resolve(response);  
31.                     } catch (e) {  
32.                         reject(e);  
33.                     }  
34.                 } else {  
35.                     reject(new Error(XHR.statusText));  
36.                 }  
37.             }  
38.         }  
39.     })  
40. }  
41.   
42. getJSON(url).then(res => console.log(res));  

转载于:https://my.oschina.net/u/3499937/blog/1486299