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

Myth丶恋晨 2022-03-08 13:24 299阅读 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 条评论，299人围观）

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

相关阅读

相关回调函数与同步异步

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

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

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

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

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

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

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

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

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

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

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

相关 Scrapy之Request函数回调未执行解决方案

scrapy 执行Request函数时，回调函数未执行情况： yield scrapy.Request(url=parse.urljoin(response.url,

深碍√TFBOYSˉ_/ 2022年05月24日 09:17/ 0 赞/ 165 阅读

相关 Scrapy之Request函数回调未执行解决方案

scrapy 执行Request函数时，回调函数未执行情况： yield scrapy.Request(url=parse.urljoin(response.url,

╰半夏微凉°/ 2022年05月24日 09:15/ 0 赞/ 197 阅读

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

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

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

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

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

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

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

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

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

相关异步回调

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

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