用 promise 的方式实现 ajax

Question

function ajax( type, url, data ) {
  // new 一个 promise 对象
  return new Promise( (resolve, reject) => {
    var xmlHttp = new XMLHttpRequest(),
      context = this,
      urls = data ? url+'?' : url;
    // 监听变化
    xmlHttp.onreadystatechange = function() {
      // 请求成功
      if( xmlHttp.readyState === 4 && xmlHttp.status === 200 ) {
        resolve( JSON.parse( xmlHttp.responseText ) )
      }
    }
    // 如果是 get 方式请求并且需要穿参
    if( type === 'GET' && data ) {
      for( key in data ) {
        urls += ( key + '=' + data[ key ] );
      }
    }
    xmlHttp.open( type, urls, true );
    xmlHttp.send( data )
  })
}

// 测试
ajax( 'GET', './data.json', null)
  .then(function(res) {
    console.log(res);
  })