小程序传递对象数组

最新推荐文章于 2025-07-08 11:18:17 发布

原创最新推荐文章于 2025-07-08 11:18:17 发布 · 5.7k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了一种使用JSON.stringify和JSON.parse方法在小程序页面间传递和解析对象数组的有效方式。通过实例展示了如何正确地将数组数据从一个页面传递到另一个页面，并在目标页面中解析和显示这些数据。

其他数据格式暂时不知道，我的数据主要是对象数组格式，传递的时候总是获取不到数据。所以网上找了好多没有具体方案。自己写了一下。仅供参考！

arraylist2 是一个数组，数据格式是[{"id",1},{"content","我的"}]

格式差不多就是这样然后将它JSON.stringify（）传递一下

wx.navigateTo({
      url:'../textcontent/textcontent?arraylist2=' + JSON.stringify(that.data.arraylist2), 
           success:function(res) {
             console.log("成功回调",res);

            },      
            fail : function(res){
              console.log("失败回调",res);
            }
    
  })

在下一个页面获取值然后JSON.aprse（）转换成json对象

 data: {
    arraylist:""
  },

  onLoad: function (options) {
    console.log("options", options.arraylist2.title);
    //var array = options.arraylist2.split(",");
    var array = JSON.parse(options.arraylist2);
    this.setData({ 
      arraylist: array
    }) 
    console.log("arraylist", this.data.arraylist);

  },

在需要数据的页面就可以获取{{arraylist.title}}

<view class="t-bg tx-l uinn" style='text-indent:40rpx;'>{{arraylist.title}}</view>

<view class="t-gra tx-l uinn  ulh-a" style='text-indent:40rpx;'>{{arraylist.content}}</view>