Q1：使用XMLHttpRequest来封装 AJAX，同时使用 Promise 进行封装：

    1. function getJSON(url) {
    2.   return new Promise((resolve, reject) => {
    3.     // 1.创建 xhr 实例
    4.     const xhr = new XMLHttpRequest();
    6.     // 2.注册相关事件回调函数
    7.     xhr.onreadystatechange = function() {
    8.       if(xhr.readyState !== 4) return
    9.       if(xhr.status === 200 || xhr.status === 304) {
    10.         resolve(xhr.responseText)
    11.       } else {
    12.         reject(new Error(xhr.responseText))
    13.       }
    14.       /*
    15.         switch(xhr.readyState) {
    16.           case 0:
    17.             console.log("请求未初始化");
    18.             break;
    19.           case 1:
    20.             console.log("OPENED");
    21.             break;
    22.           case 2:
    23.             console.log("HEADERS_RECEIVED");
    24.             break;
    25.           case 3:
    26.             console.log("LOADING");
    27.             break;
    28.           case 4:
    29.             if(xhr.status === 200 || xhr.status === 304) {
    30.               resolve(xhr.responseText)
    31.             }
    32.             console.log("DONE")
    33.             break;
    34.           default:
    35.             reject(new Error(xhr.responseText))
    36.         }
    37.       */
    38.     }
    39.     xhr.ontimeout = function(){} // 超时执行的回调函数
    40.     xhr.onerror = function(){} // 网络请求出错执行的回调函数
    42.     // 3.打开请求
    43.     xhr.open("GET", url, true) // 创建一个 GET 请求，采用异步
    45.     // 4.配置参数
    46.     xhr.timeout = 3000
    47.     xhr.setRequestHeader("Content-Type": "application/json")
    49.     // 5.发送请求
    50.     xhr.send()
    51.   })
    52. }