微信小程序-和后台交互
微信小程序-和后台交互
强烈推介IDEA2020.2破解激活，IntelliJ IDEA 注册码，2020.2 IDEA 激活码
第一次做前后端分离的项目，当时就有一个疑问，在微信开发者工具里写的前端代码和在idea里写的后台代码如何交互，做过了才知道，其实非常简单，主要思想就是后端发布成一个URL地址，前端调用即可。在微信小程序中，通过wx.request( )发起请求。
wx.request({
url: 'https://wxdemo.com/login',
data: {
username: '' ,
password: ''
},
header: {
'content-type': 'application/json' // 默认值
},
success: function(res) {
console.log(res.data)
}
})通过上面的代码可以看出，wx.request()方法传递了一些参数，这些参数起到了不同的作用：
参数名 | 类型 | 必填 | 默认值 | 说明 | 最低版本 |
|---|---|---|---|---|---|
url | String | 是 | 开发者服务器接口地址 | ||
data | Object/String/ArrayBuffer | 否 | 请求的参数 | ||
header | Object | 否 | 设置请求的 header，header 中不能设置 Referer。 | ||
method | String | 否 | GET | （需大写）有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT | |
dataType | String | 否 | json | 如果设为json，会尝试对返回的数据做一次 JSON.parse | |
responseType | String | 否 | text | 设置响应的数据类型。合法值：text、arraybuffer | 1.7.0 |
success | Function | 否 | 收到开发者服务成功返回的回调函数 | ||
fail | Function | 否 | 接口调用失败的回调函数 | ||
complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
当请求成功后，success会接收到成功的信息，主要参数包括：
参数 | 类型 | 说明 | 最低版本 |
|---|---|---|---|
data | Object/String/ArrayBuffer | 开发者服务器返回的数据 | |
statusCode | Number | 开发者服务器返回的 HTTP 状态码 | |
header | Object | 开发者服务器返回的 HTTP Response Header | 1.2.0 |