封装promise请求接口,错误处理方法

本例子实现了封装promise请求接口,错误处理方法,具体代码如下

export const to = function (promise: unknown) {
  // @ts-ignore
  if (!promise || !Promise.prototype.isPrototypeOf(promise)) {
    return new Promise((_resolve, reject) => {
      reject(new Error("request promises as ths param"));
    }).catch((error) => {
      return [error, null];
    });
  }

  // @ts-ignore
  // eslint-disable-next-line func-names
  return (promise as any)
    .then(function () {
      // eslint-disable-next-line prefer-rest-params
      return [null, ...arguments];
    })
    .catch((error: unknown) => {
      return [error, null];
    });
};

具体使用如下:

const resp = await to(Taro.getImageInfo({ src: '参数'}));
可以使用ES6中的Promise对象来封装ajax请求方法,具体步骤如下: 1. 创建一个Promise对象,该对象接受一个函数作为参数,该函数包含两个参数resolve和reject。 2. 在该函数中,使用XMLHttpRequest对象发起ajax请求,并在请求成功或失败时调用resolve和reject方法。 3. 将XMLHttpRequest对象的open、send和onreadystatechange方法封装到一个函数中,该函数返回一个Promise对象。 4. 在调用该函数时,使用then方法来处理请求成功或失败的情况。 下面是一个简单的封装ajax请求方法的示例代码: ```javascript function ajax(url, method, data) { return new Promise(function(resolve, reject) { const xhr = new XMLHttpRequest(); xhr.open(method, url); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(JSON.parse(xhr.responseText)); } else { reject(xhr.status); } } }; xhr.send(JSON.stringify(data)); }); } ``` 在调用该方法时,可以使用then方法来处理请求成功或失败的情况: ```javascript ajax('/api/user', 'POST', {name: 'John', age: 30}) .then(function(response) { console.log(response); }) .catch(function(error) { console.log(error); }); ``` 以上代码中,ajax函数返回一个Promise对象,当请求成功时,resolve方法会返回响应数据;当请求失败时,reject方法会返回错误状态码。在调用ajax函数时,使用then方法来处理请求成功的情况,使用catch方法来处理请求失败的情况。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值