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

上一篇:微信公众号开发之网页中及时获取当前用户Openid及注意事项


下一篇:微信小程序实操-image height:auto问题,url地址报错,“不在以下合法域名列表中”问题等