es6 promise ajax 请求实例运用代码

出处

2018前端面试总结,看完弄懂,工资少说加3K - 掘金 ---- es6 promise ajax

源码

const myHttpClient = url => {
  return new Promise((resolve, reject) => {
    let client = new XMLHttpRequest();
    client.open("GET", url);
    client.onreadystatechange = handler;
    client.responseType = "json";
    client.setRequestHeader("Accept", "application/json");
    client.send();
    function handler() {
      if (this.readyState !== 4) {
        return;
      }
      if (this.status === 200) {
        resolve(this.response);
      } else {
        reject(new Error(this.statusText));
      }
    }
  });
};
使用
myHttpClient('https://www.baidu.com').then(res => {
  console.log(res);
}).catch(error => {
  console.log(error);
});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,726评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,044评论 2 59
  • 无语 公司活动,认识了一个新加坡来的同事Ken。聊着聊着,说到在澳洲找工作,我说我找了5个月呢,他很惊讶地“WOW...
    苏柏亚的天空阅读 207评论 0 1
  • 第四章、靠纱风波 原来谭保罗在打曹氏纺织厂的主意,这也不出意料,现在虽然大力发展民族工业,但哪个不跟官家靠点边?又...
    雫暮阅读 1,094评论 0 2