微信小程序网络请求之re.request 和那些坑

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

微信小程序有四种网络请求类型,下面只详细介绍普通HTTPS请求(wx.request)

普通HTTPS请求(wx.request)
上传文件(wx.uploadFile)
下载文件(wx.downloadFile)
WebSocket通信(wx.connectSocket)

首先，先确认是否设置了合法域名，或者在开发环境下不校验合法域名。关于设置合法域名请看→微信小程序网络请求之设置合法域名

以下是wx.request的详细说明，截图于微信小程序开发文档

在微信index.js 发起一个普通HTTPS请求，上代码

wx.request({
url: 'http://localhost:8800/ws_member.asmx/test',
data: { strCallUserCode: 'test', strCallPassword: '123' },
method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type': 'application/json'
},// 设置请求的 header
success: function (res) {
if (res.statusCode == 200) { } else {
console.log("index.js wx.request CheckCallUser statusCode" + res.statusCode);
}
},
fail: function () {
console.log("index.js wx.request CheckCallUser fail");
},
complete: function () {
// complete
}
})

下面是一些需要注意的地方

1）data

1.data 数据说明最终发送给服务器的数据是 String 类型，如果传入的 data 不是 String 类型，会被转换成 String 。转换规则如下：

对于 header['content-type'] 为 'application/json' 的数据，会对数据进行 JSON 序列化
对于 header['content-type'] 为 'application/x-www-form-urlencoded' 的数据，会将数据转换成 query string （encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

2）.method

1.默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

2.值必须为大写

3） header

1.header 为 application/json，接口传回来的参数要是json 格式的，否则会报500错误，比如我接口返回来的参数是xml则header['content-type'] 要设置为'application/x-www-form-urlencoded'

踩过的坑

请求接口 res.statusCode一直是500，显示以下错误