微信小程序发起请求
一.示例代码
wx.request({
url: \'test.php\', // 仅为示例，并非真实的接口地址
data: {
x: \'\',
y: \'\'
},
header: {
\'content-type\': \'application/json\' // 默认值
},
success(res) {
console.log(res.data)
}
})
注意:如果进行本地测试请在右上角详情>本地设置>不校验合法性打钩
二.参数
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| url | string | 是 | 开发者服务器接口地址 | |
| data | string/object/ArrayBuffer | 否 | 请求的参数 | |
| header | Object | 否 | 设置请求的 header，header 中不能设置 Referer。content-type 默认为 application/json | |
| method | string | GET | 否 | HTTP 请求方法 |
| dataType | string | json | 否 | 返回的数据格式 |
| responseType | string | text | 否 | 响应的数据类型 |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行 |
object.dataType 的合法值
| 值 | 说明 |
|---|---|
| json | 返回的数据为 JSON，返回后会对返回的数据进行一次 JSON.parse |
| 其他 | 不对返回的内容进行 JSON.parse |
object.success 回调函数
参数
Object res
| 属性 | 类型 | 说明 |
|---|---|---|
| data | string/Object/Arraybuffer | 开发者服务器返回的数据 |
| statusCode | number | 开发者服务器返回的 HTTP 状态码 |
| header | Object | 开发者服务器返回的 HTTP Response Header |
三.地址配置小技巧
如果说这个地址不确定,正式上线可能会变,调试的时候本机调试
app.js中globalData进行设置
globalData: {
userInfo: null,
host:"http://127.0.0.1:8000/"
}
调试组件的js中设置
var app = getApp()
........
click:function(){
wx.request({
url: app.globalData.host+\'test\', // 仅为示例，并非真实的接口地址
......
}
})
},
