美文网首页
简易版 Promise 封装ajax

简易版 Promise 封装ajax

作者: summer_味道制造 | 来源:发表于2018-02-09 16:17 被阅读0次

一直在用fetch进行网络请求,我都知道fetch是支持Promise的,突发奇想想要自己实现一个简易版的基于Promise的的ajax;

const ajax = (method, url, data) => {
      return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        const upperMethod = method.toUpperCase();
        xhr.open(upperMethod, url, true);
        if (upperMethod === 'POST') {
          xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
          xhr.send(JSON.stringify(data));
        } else {
          xhr.send();
        }
        xhr.onload = resolve;
        xhr.onerror = reject;
      })
    }

相关文章

  • 简易版 Promise 封装ajax

    一直在用fetch进行网络请求,我都知道fetch是支持Promise的,突发奇想想要自己实现一个简易版的基于Pr...

  • Promise封装_AJAX

    Promise封装_AJAX 调用格式

  • ES6异步请求

    Promise //Promise其实就是ajax的一个封装方式,简化ajax复杂度//Promise-all适合...

  • 封装 jQuery.ajax

    封装一个 jQuery.ajax 升级jQuery.ajax 满足 Promise 规则

  • Ajax

    标签: Ajax 正文 一、实现一个原生Ajax 二、Ajax状态 三、将原生的 ajax 封装成 promise

  • fetch

    Fetct fetch:系统基于promise封装的ajax方法 fatch().then().then() 缺点...

  • 异步编程笔记

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

  • 封装AJAX,以及使用promise

    以下是一个封装好的AJAX: AJAX如果要符合promise的写法,就必须return一个new promise...

  • promise封装Ajax

  • Promise 封装ajax

网友评论

      本文标题:简易版 Promise 封装ajax

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