微信小程序wx.request使用post方式传参

微信小程序POST请求实践

最新推荐文章于 2025-10-17 11:01:10 发布

原创最新推荐文章于 2025-10-17 11:01:10 发布 · 3w 阅读

10 ·

CC 4.0 BY-SA版权

本文介绍了一种在微信小程序中使用POST方法发送请求的方法，并详细解释了如何将JSON格式的数据转换为URL编码格式以符合HTTP请求标准。

部署运行你感兴趣的模型镜像

需要注意的是method是get方式的时候，header为{"Content-Type": 'application/json'}，当method为post时，header为{"Content-Type": "application/x-www-form-urlencoded"}

post方式传递的参数需要转换

1。js中

var util=require('../../utils/util.js');

page({

loginSubmit:function(e){
console.log(e.detail.value.username),
console.log(util.formatTime),
wx.request({
url: 'http://127.0.01:8000/runxiang_yiyao/Mobile/Index/login',
method: 'post',
data: util.json2Form({
username: e.detail.value.username,
password: e.detail.value.password,
}),

header: {
"Content-Type": 
"application/x-www-form-urlencoded"
},
success: function (res) {
console.log(util.formatTime)
// console.log(res)
}
})
}

})

2. 在util中定义函数json2Form

function json2Form(json) {
var str = [];
for (var p
in json) {
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));
}
return str.join("&");
}