微信小程序数据请求方法wx.request小测试

时间：2017-01-12 22:41:35 收藏：0 阅读：1865

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

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