小程序中wx.request使用

最新推荐文章于 2024-04-02 23:18:53 发布

转载最新推荐文章于 2024-04-02 23:18:53 发布 · 481 阅读

小程序专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了小程序中如何通过自定义函数getTableData进行数据加载与请求处理。重点介绍了利用wx.request发起HTTP请求，获取外部API数据，并通过setData方法更新页面数据的过程。同时强调了在请求成功回调中正确使用this指向的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xxx.js

onLoad: function () {
    this.getTableData();
  }, /*onLoad-end */
  getTableData: function () {//自定义函数名称
    var that = this; 
    // 这个地方非常重要，重置data{}里数据时候setData方法的this应为以及函数的this, 如果在下方的sucess直接写this就变成了wx.request()的this了
    wx.request({
       //请求接口的地址
      url: 'http://api.yytianqi.com/forecast7d?city=39.93,116.40&key=bopi3li1ip93ae0n', 
      data: {},
      header: {
        "Content-Type": "applciation/json" //默认值
      },
      success: function (res) {
        //res相当于ajax里面的返回的数据
        console.log(res.data);
         //如果在sucess直接写this就变成了wx.request()的this了
      //必须为getTableData函数的this,不然无法重置调用函数
        that.setData({
          datas: res.data  //datas传值给页面的，可以自定义命名
        　　　　　　　　　　})
          },
      fail: function (err) { },//请求失败
      complete: function () { }//请求完成后执行的函数
    }) 
  }