微信小程序数据请求方法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-->

不知道为什么只有这么一小节数据,按理说应该是一大串百度页面请求信息的。。。有待进一步学习。

上一篇:从零基础入门JavaScript(2)


下一篇:超强封装的RichTextBox控件(C#源码)