首页 > 代码库 > 微信小程序数据请求方法wx.request小测试

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

2024-08-31 20:15:43   219人阅读

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

wxml文件：

<view>
    <textarea value="http://www.mamicode.com/{{textdata}}"/>
</view>
<button bindtap="RequestData" value="http://www.mamicode.com/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小测试


联系
我们