小程序request请求回调函数异步的解决办法

Myth丶恋晨 2022-03-08 13:24 338阅读 0赞

`小程序的wx.request` 方法的不支持 Promise，也就是说我们不能使用promise函数来使我们的请求与回调函数同步， 这就带来了一些问题，比如我们在wx.request请求的success回调函数中写：

success(res){
        this.setData({
            a: res.data.a,
            b: res.data.b,
            c: res.data.c
        })
    }

如果网络状态或服务器状态不是太好的话，就可能会报错“设值invalid”，这就是因为我们还没有接受到服务器的返回信息，但是回调函数已经开始执行了，如何让它们强行同步呢？

wx-promise-request 是微信小程序 `wx.request` 方法的不支持 Promise 和并发数问题的解决方案。

使用它也很简单：

[https://github.com/zhengjunxin/wx-promise-request][https_github.com_zhengjunxin_wx-promise-request]

去这里下载dist目录下的index.js,  重命名为wx-promise-request.js并粘贴到项目的utils目录下， 在需要使用同步request请求的js文件里添加代码

import { request } from '../../utils/wx-promise-request';

即可，如何使用？ 例子如下：

import {request} from './wx-promise-request';
    
    request({
      url: 'test.php',
      data: {
        x: '',
        y: '',
      },
      header: {
        'content-type': 'application/json',
      },
    })
    .then(res => console.log(res))
    .catch(error => console.error(error))

[https_github.com_zhengjunxin_wx-promise-request]: https://github.com/zhengjunxin/wx-promise-request

发表评论取消回复

表情：

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

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

相关阅读

相关回调函数与同步异步

*1 js 是同步的语言；执行顺序是冲上往下的** 回调函数是异步的。代码的执行顺序分为：同步异步同步弊端：会发生执行阻塞异步不会发生阻塞， ...

朱雀/ 2024年04月17日 06:00/ 0 赞/ 125 阅读

相关 Java回调函数异步回调案例

1、回调函数分类回调函数区分：同步回调和异步回调同步回调：意义只在于完成方法调用；异步调用：可实现并发，主业务线程可以及时释放；异步线程完成工作，执行回调函数，

心已赠人/ 2023年07月21日 05:27/ 0 赞/ 33 阅读

相关解决异步回调地狱的方法

异步回调地狱是指代码横向增长（比如在Promise对象里面循环嵌套了多个Promise对象）而不是竖向增长，这样的代码就会显得很复杂而且逻辑会变得混乱，可怕的是会写出强耦合的异

向右看齐/ 2023年07月18日 04:54/ 0 赞/ 70 阅读

相关回调函数：同步回调和异步回调

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

谁借莪１个温暖的怀抱￠/ 2023年06月18日 08:52/ 0 赞/ 75 阅读

相关同步回调函数与异步回调函数

//1.同步回调函数 const arr=[1,2,3]; arr.forEach(item=>{ conso

Bertha 。/ 2023年03月02日 07:42/ 0 赞/ 205 阅读

相关异步封装API（回调函数应用）

文章目录异步操作常见异步函数回调函数的实现异步操作如果需要得到一个函数内部异步操作的结果，这是时候必须通过回调函

冷不防/ 2022年10月31日 01:36/ 0 赞/ 222 阅读

相关小程序request请求回调函数异步的解决办法

`小程序的wx.request` 方法的不支持 Promise，也就是说我们不能使用promise函数来使我们的请求与回调函数同步，这就带来了一些问题，比如我们在wx.req

Myth丶恋晨/ 2022年03月08日 13:24/ 0 赞/ 339 阅读

相关微信小程序：JS异步请求回调

做前端会用到异步请求需要回调的情况，这也应该是前端常遇到的一个问题。搜了一下，大概解决的方式有两种（一）通过嵌套的方式来解决-----(笨法，但是有用) （二）p

今天药忘吃喽~/ 2022年02月02日 05:25/ 0 赞/ 323 阅读

相关小程序的请求封装(避免回调地狱)

文章目录场景分析实现场景为了避免回调地域的感概，小程序的请求是必须要进行promi

女爷i/ 2021年11月05日 04:36/ 0 赞/ 447 阅读

相关异步回调

异步回调 2019-08-14 目录 1 回调 2 使用wait和notify方法实现异步回调 3 使用CountDownLatch实现异步回调 1

雨点打透心脏的1/2处/ 2021年10月23日 16:34/ 0 赞/ 461 阅读