微信小程序向服务器提交POST数据

原创于 2018-09-06 14:24:39 发布 · 3.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

小程序专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用微信小程序中的wx.request方法发送POST请求，并通过修改header参数来确保请求的有效性。同时，文章阐述了如何在请求成功时显示成功消息，并在失败时弹出错误提示。此外，还提供了重新加载评论列表的功能，增强了用户体验。

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

wx.request({
    url: 'https://huyahaha.com/xxxx/xxx',
    data: {
        pid: _this.data.info.id,
        nickname: _this.data.user_nickname,
        avatar: _this.data.user_avatar,
        saytext: _this.data.inputValue,
        openid: _this.data.user_openid
    },
    /** 注意header要修改, 否则无效 */
    header: {
        'content-type': 'application/x-www-form-urlencoded'
    },
    method: 'POST',
    success: function(res) {
        if (res.data.errcode == 0) {
            wx.showToast({
                title: res.data.errmsg,
                icon: 'success',
                duration: 2000
            }) _this.setData({
                inputValue: ''
            });
            /**重新加载评论列表*/
            _this.loadComment(_this.data.info.id);
        } else {
            wx.showModal({
                title: '提示',
                content: res.data.errmsg,
                showCancel: false,
                confirmText: '确定'
            }) return;
        }

    }
})

来源: https://www.huyahaha.com/index/info?id=23