wx.request()方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了wx.request()方法相关的知识，希望对你有一定的参考价值。
参考技术A 1、wx.request() 发起 HTTPS 网络请求包括以下参数：
url：string类型 是 开发者服务器接口地址
data：string/object/ArrayBuffer类型 否 请求的参数
header：Object类型 否 设置请求的 header header 中不能设置 Referer，`content-type` 默认为 `application/json`
timeout： number类型 否 超时时间，单位为毫秒 默认值为 60000 2.10.0
method： string类型 默认值为GET 否 HTTP 请求方法
合法值说明：
OPTIONSHTTP 请求 OPTIONS
GETHTTP 请求 GET
HEADHTTP 请求 HEAD
POSTHTTP 请求 POST
PUTHTTP 请求 PUT
DELETEHTTP 请求 DELETE
TRACEHTTP 请求 TRACE
CONNECTHTTP 请求 CONNECT
object.success 回调函数
2、 服务器域名配置
配置流程：
服务器域名请在 「小程序后台-开发-开发设置-服务器域名」 中进行配置，配置时需要注意：
域名只支持 https ( wx.request 、 wx.uploadFile 、 wx.downloadFile ) 和 wss ( wx.connectSocket ) 协议；
域名不能使用 IP 地址（小程序的 局域网 IP 除外）或 localhost；
可以配置端口，如 https://myserver.com:8080，但是配置后只能向 https://myserver.com:8080 发起请求。如果向 https://myserver.com、https://myserver.com:9091 等 URL 请求则会失败。
如果不配置端口。如 https://myserver.com，那么请求的 URL 中也不能包含端口，甚至是默认的 443 端口也不可以。如果向 https://myserver.com:443 请求则会失败。
域名必须经过 ICP 备案；
微信小程序数据请求方法wx.request小测试
微信小程序数据请求方法 wx.request
wxml文件：
<view>
<textarea value="{{textdata}}"/>
</view>
<button bindtap="RequestData" value="Button">Button</button>
主要是一个按钮，点击后将请求的数据写入到textarea中
js文件：
Page({
data:{
textdata:"put value",
},
RequestData:function(){
var that=this;
wx.request({
url: ‘https://baidu.com‘,
data: {},
method: ‘GET‘, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
// header: {}, // 设置请求的 header
success: function(res){
that.setData({textdata:res.data});
console.log(res.data);
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
}
})
RequestData函数，先将this保存下来，在sucess函数里将用保存的this来做请求数据的赋值。最后打印的控制台上。
结果：
<!DOCTYPE html>
<!--STATUS OK-->
不知道为什么只有这么一小节数据，按理说应该是一大串百度页面请求信息的。。。有待进一步学习。
以上是关于wx.request()方法的主要内容，如果未能解决你的问题，请参考以下文章
wx.request中POST方法传参问题，用到JSON.stringify（）