小程序将对象通过url传递到下个页面

javascript 复制代码
// 假设有一个对象需要传递
const obj = { name: '张三', age: 25 };

// 将对象转换为 JSON 字符串并编码
const objStr = encodeURIComponent(JSON.stringify(obj));

// 使用 wx.navigateTo 跳转并传递参数
wx.navigateTo({
  url: `/pages/targetPage/targetPage?data=${objStr}`,
});

注意:要用encodeURIComponent编码一下,否则返回数据可能出现一些特殊字符,影响数据解析

javascript 复制代码
Page({
  onLoad: function (options) {
    // 从 options 中获取传递过来的数据
    const dataStr = decodeURIComponent(options.data);
    
    // 将 JSON 字符串解析回对象
    try {
      const obj = JSON.parse(dataStr);
      console.log('接收到的对象:', obj);
    } catch (error) {
      console.error('解析 JSON 失败:', error);
    }
  },
});
相关推荐
matlabgoodboy5 小时前
软件开发定制小程序APP帮代做java代码代编写C语言设计python编程
java·c语言·小程序
杰建云16713 小时前
商家怎么弄小程序店铺
小程序
打瞌睡的朱尤15 小时前
小程序101~125
小程序
Azhao110616 小时前
小程序购物车结算体验优化详解:从入门到实战全攻略
小程序
Haibakeji17 小时前
拼团小程序定制开发适合哪些行业
小程序·软件需求
2501_9159184118 小时前
iOS性能数据监控:从概念到工具实践,让应用运行更流畅
android·macos·ios·小程序·uni-app·cocoa·iphone
silvia_Anne18 小时前
微信小程序(组件通讯和全局数据共享)
微信小程序·小程序
博客zhu虎康1 天前
小程序:实现下拉刷新和上拉加载更多功能
小程序
2501_915909061 天前
全面解析前端开发中常用的浏览器调试工具及其使用场景
android·ios·小程序·https·uni-app·iphone·webview
王者鳜錸2 天前
企业解决方案十一-各类小程序定制开发
图像处理·人工智能·小程序·大模型·语音处理·定制开发