promise封装ajax

水深无声 2021-10-23 21:26 460阅读 0赞

关于promise使用时的几点：

1.  使用方法：先创建一个promise对象new Promise(),根据业务需求判断执行成功或失败，成功调用resovle(),失败则调用reject()。
2.  Promise对象的then(onFulfilled，onRejected)有两个参数，成功执行onFulfilled，失败执行onRejectd
    
        p.then(function(value) {
           // fulfillment成功
          }, function(reason) {
          // rejection失败
        });
        
        //不过通常会使用catch()来捕获失败，上段代码通常写为：
        p.then(function(value) {
            // fulfillment成功
        }).catch(function(reason) {
            //rejection失败
        })
3.  Promise对象的then()会返回一个新的Promise对象

const ajaxPromise =  param => {
      return new Promise((resovle, reject) => {
        var xhr = new XMLHttpRequest();
        xhr.open(param.type || "get", param.url, true);
        xhr.send(param.data || null);
    
        xhr.onreadystatechange = () => {
         var DONE = 4; // readyState 4 代表已向服务器发送请求
         var OK = 200; // status 200 代表服务器返回成功
         if(xhr.readyState === DONE){
          if(xhr.status === OK){
            resovle(JSON.parse(xhr.responseText));
          } else{
            reject(JSON.parse(xhr.responseText));
          }
         }
        }
      })
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，460人围观）

还没有评论，来说两句吧...

相关阅读

相关 promise封装XMLHttpRequest请求，封装ajax

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

清疚/ 2023年01月16日 14:21/ 0 赞/ 125 阅读

相关使用Promise封装Ajax操作

请使用Promise封装Ajax操作原始的Ajax操作如下：原型： var onSuccess = function(result){ }; //成功的回调

朴灿烈づ我的快乐病毒、/ 2022年12月21日 02:28/ 0 赞/ 142 阅读

相关 promise封装原生ajax $ajax() 以及fetch？

使用Promise封装原生ajax Get 和 Post Promise是异步编程的一种解决方案。比传统的解决方案——————回调函数和事件，Promise更合理和

客官°小女子只卖身不卖艺/ 2022年12月20日 12:58/ 0 赞/ 235 阅读

相关 promise对axios二次封装、promise封装ajax、promise封装wx.request、promise封装uni.reqest

在上一篇[Promise][]文章中我们学习了`promisse`的基本知识后，下一步就是`promise`如何使用呢？根据老湿从业8年的经验。将promise在项目中的使

╰半橙微兮°/ 2022年12月20日 01:24/ 0 赞/ 368 阅读

相关 Promise对象实现Ajax封装

Promise对象实现Ajax封装故心故心故心故心小故冲啊 -------------------- 文章目录 Promise对象实现Ajax封装

傷城~/ 2022年12月19日 08:52/ 0 赞/ 139 阅读

相关 Promise封装ajax

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

我不是女神ヾ/ 2022年10月11日 00:46/ 0 赞/ 178 阅读

相关 Ajax 搭配 Promise 封装

简述 Ajax（Asynchronous JavaScript And XML） Promise JavaScript

客官°小女子只卖身不卖艺/ 2022年05月25日 02:26/ 0 赞/ 196 阅读

相关 es6 Promise封装ajax

利用Promis 做一个简单的数据请求封装。 function requestP(options = {}) { const { ur

缺乏、安全感/ 2022年02月17日 08:47/ 0 赞/ 234 阅读

相关利用promise封装ajax

1.网上很多封装，但是自己觉得为什么要分开封装呢？get和post封装成一个函数不好么？根据自己以前封装的ajax顺手改了一下，并在自己的项目中使用了一下，还可以。

蔚落/ 2022年01月19日 06:03/ 0 赞/ 223 阅读

相关 promise封装ajax

关于promise使用时的几点： 1. 使用方法：先创建一个promise对象new Promise(),根据业务需求判断执行成功或失败，成功调用resovle(),

水深无声/ 2021年10月23日 21:26/ 0 赞/ 461 阅读