微信小程序入门4--网络请求数据显示
本帖最后由 湖畔科技 于 2020-2-23 19:35 编辑小程序调用wx.request(Object object)方法发起网络请求，域名必须使用HTTPS/WSS协议。默认超时时间和最大超时时间都是60S。官方示例代码：wx.request({
url: 'test.php', //仅为示例，并非真实的接口地址
data: {
x: '',
y: ''
},
header: {
'content-type': 'application/json' // 默认值
},
success (res) {
console.log(res.data)
}
})
在微信开发者工具中，可以临时开启开发环境不校验请求域名、TLS版本及HTTPS证书 选项，跳过服务器域名的校验。
下面是举例说明通过微信小程序网络请求查看湖畔科技的demo设备数据。打开建立的pages/demo/demo.wxml 将以下代码完全替换。<view>时间戳：{{timestamp}}</view>
<view>设备数据：{{value}}</view>打开建立的pages/demo/demo.js将以下代码完全替换。Page({
data: {
'timestamp': null, //初始值
'value':null,
},
onLoad: function (options) {
var that = this;//把this对象复制到临时变量that
const wxreq = wx.request({
url: 'https://www.nnhpiot.com/v1/datapoints/device/86/sensor/83',
data: {},
success: function (res) {
console.log(res);
that.setData({
timestamp: res.data.timestamp,
value: res.data.value
});//和页面进行绑定可以动态的渲染到页面
},
fail: function (res) {
console.log(res);
}
})
},
})通过URL访问所需链接；通过回调函数success，查看开发者服务器返回的数据(data)；通过console.log(res)打印；通过that.setData( )进行赋值；完成动态页面渲染。
页:
[1]