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

Posted 小鱼小小梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序数据请求方法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请求------中文乱码问题

微信小程序wx.request的回调使用

监控微信小程序wx.request请求失败

微信小程序使用wx.request发送multipart/form-data请求的方法

微信小程序-封装请求

微信小程序的网络设置,及网络请求:wx.request(OBJECT)