美文网首页
es6 promise ajax 请求实例运用代码

es6 promise ajax 请求实例运用代码

作者: sunxiaochuan | 来源:发表于2018-09-10 18:46 被阅读0次

出处

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

相关文章

  • es6 promise ajax 请求实例运用代码

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

  • ES6

    AJAX 异步网络请求 Promise 使用了Promise对象之后可以链式调用的方式组织代码 Promise.a...

  • promise对象

    1、基本用法 ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。 下面代码创造了一个Pr...

  • Promise解析

    Promise使用场景 回调地狱:当你发送一个ajax请求,继而又需要请求一个ajax请求,并且此ajax请求参数...

  • axios快速上手(简单使用)

    axios对ajax请求进行了封装,并且使用promise的链式调用使得网络请求的代码逻辑更为清晰,同时支持asy...

  • 异步编程解决方案Promise

    使用方法 状态(不可逆,暂不举例) 使用Promise优雅ajax请求 ajax请求 回调地狱 cllback h...

  • 异步编程笔记

    环境:chrome 80演习:用Promise async/await封装$.ajax Promise 第一次请求...

  • javaScript ES6 之 Promise 简单的事例

    在ES6标准中出现了 Promise(承诺) 类似于回调函数 1:创建Promise的实例 2:Promise结合...

  • Koa基础 Promise函数

    1. Promise 函数的特性 ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。 P...

  • ECMAScript 6 Promise

    ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。 Promise对象有以下两个特点。 ...

网友评论

      本文标题:es6 promise ajax 请求实例运用代码

      本文链接:https://www.haomeiwen.com/subject/uqhegftx.html