微信小程序传递对象（数组）

最新推荐文章于 2025-05-29 00:37:45 发布

原创最新推荐文章于 2025-05-29 00:37:45 发布 · 1.1w 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#对象传递 #微信小程序

微信小程序专栏收录该内容

17 篇文章

订阅专栏

在微信小程序中，若要将从接口获得的数组传递给下一个页面，需用var items = JSON.stringify(res.data)将对象转为字符串传递。在第二个页面，用var items = JSON.parse(this.options.items)把字符串转回对象操作，onload和onshow接收代码有区别。

从接口获得的数组需要传递给下一个页面，需要通过var items = JSON.stringify(res.data)这句代码将对象转为字符串后进行传递。


  search: function (res) {
    console.log("搜索信息---" + this.data.searchValue)
    var self = this
    wx.request({
      url: 'http://127.0.0.1:8080/fybpi/pi.Goods.search.hf',
      data: {
        MemberID: 1              ,                //用户编号 
        goodName: this.data.searchValue            //搜索内容     
      },
      method: 'POST',
      dataType: 'json',
      success: function (res) {
        var items = JSON.stringify(res.data);
        self.setData({
          items: res.data
        })
        if (res.data.length != 0) {
          var url = '../home/search/search?items=' + items;
        }
        else {
          var url = '../home/searchno/searchno';
        }
        wx.navigateTo({
          url: url,
        })
      }
    })
  },

传递到第二个页面。通过这句代码 var items = JSON.parse(this.options.items);将字符串转换为对象进行操作。（onload接收上个页面的内容代码是options.items，onshow需要加一个this）

onShow: function (options) {
    var self = this
    var items = JSON.parse(this.options.items);
    console.log("search show", items)
    self.setData({
      items: items
    })
  },