微信小程序wx.request使用POST请求时后端无法获取数据解决办法

遇到的坑：

例如在写微信小程序接口时，method请求方式有POST和GET两种，为了数据安全，我们会偏向于使用POST请求方式访问服务器端；

当我们使用POST方式请求时，后端无法获取到传送的参数，但使用GET方式却是可以的。

解决办法：

设置请求的 header头：

header: { "Content-Type": "application/x-www-form-urlencoded" },

特别注意：post请求必须写method: 'POST'，因为wx.request默认是GET请求的。

示例代码：

微信小程序的 index.js

wx.request({
url: 'https://后端网址/user/updatePhone.html',
method: 'POST',
data: { phone: _phone, openid: _openid},header: { "Content-Type": "application/x-www-form-urlencoded" },
success: res => {
console.log(res.data);
}
});

thinkphp后端控制器代码：

<?php
namespace app\car\controller;
use think\Controller;
use think\Db;
use think\Request;

class User extends Base
{
public function _initialize(){
parent::_initialize();
}

public function updatePhone(){
if(!isset($_POST['phone'])||!isset($_POST['openid'])){
header("Content-type: text/html; charset=utf-8");
echo '参数错误'.$_POST['phone'];
exit;
}
$openid= trim($_POST['openid']);
try{
$updata['tel'] = trim($_POST['phone']);
Db::name('user')->where('wxopenid',$openid)->update($updata);
$code=1;
$msg="修改成功";
} catch (\Exception $e) {
$code=0;
$msg="修改失败";
}
return $this->outputMsg($code,$msg);
}
}

到此这篇关于微信小程序wx.request使用POST请求时后端无法获取数据解决办法的文章就介绍到这了,更多相关微信小程序使用POST请求时后端无法获取数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

• 微信小程序中网络请求缓存的解决方法
• Springboot单体架构http请求转换https请求来支持微信小程序调用接口
• 微信小程序中如何使用flyio封装网络请求
• 微信小程序封装的HTTP请求示例【附升级版】
• 详解微信小程序网络请求接口封装实例
• 微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例