小程序中将异步请求变成同步请求

最新推荐文章于 2024-02-29 10:30:48 发布

卑微码农

最新推荐文章于 2024-02-29 10:30:48 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_42661906/article/details/106735887

本文介绍如何在小程序环境中，利用Promise将原本的异步请求转换为同步操作，以解决在特定场景下需要按顺序执行请求的问题。通过示例代码详细解析Promise的运用，帮助开发者更好地理解和实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用Promise

	//图片上传
    uploadimg:function(a){
        var tt = this
        return new Promise((resolve, reject) =>{
            wx.uploadFile({
                filePath: a,
                name: 'file',
                url: httpsRequest.httpsUrl + resHttp.fileImgIsVideo,
                header: {
                    "content-type": "application/x-www-form-urlencoded",
                    "requesttype": "wxapp",
                    "token": tt.data.tokens
                },
                success(res) {
                	//resolve作用提示小程序请求已结束
                    resolve(JSON.parse(res.data))
                },
                fail (err) {
                  reject(err)
                }
            });
        });
    },
    // 提交数据
    //async关键词
    async submit(e) {
        var that = this,file_url = '';
        //res为上方法请求返回的res.data内容
        var res = await that.uploadimg(that.data.ImgsArr[0])
        wx.request({
            url: httpsRequest.httpsUrl + resHttp.feedback,
            data: {},
            method: "post",
            header: {
                'content-type': 'application/x-www-form-urlencoded',
                "requesttype": "wxapp",
                "token": that.data.tokens
            },
            success(res) {
                console.log(res);
                wx.showToast({
                    title: res.data.msg,
                    icon: 'success'
                })
            }
        })
       
    },