TypeError: that.setData is not a function/使用了var that=this仍报错

程序员文章站 2024-01-31 08:34:52

...

部分原代码：

getProductInfo: function (e) {
    
    wx.request({
      url: 'http://localhost:8080/getProductInfo',
      data: {
        "id": e
      },
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      method: 'POST',
      // header: {}, // 设置请求的 header 默认是application/json
      success: function (res) {
      	  var that = this;
          console.log(res.data)
          that.setData({       //this.setData的方法用于把传递过来的id转化成小程序模板语言
          data: res.data    //拿到该商品详情对应的商品id，再调用getProdutInfo方法
      
        })

错误原因：

把var that=this定义在了第二层函数里，没有获取到index.js里的公共变量this，因此拿不到定义的空data。

正确代码：

getProductInfo: function (e) {
    var that = this;
    wx.request({
      url: 'http://localhost:8080/getProductInfo',
      data: {
        "id": e
      },
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      method: 'POST',
      // header: {}, // 设置请求的 header 默认是application/json
      success: function (res) {
          console.log(res.data)
          that.setData({       //this.setData的方法用于把传递过来的id转化成小程序模板语言
          data: res.data    //拿到该商品详情对应的商品id，再调用getProdutInfo方法
      
        })