小程序将对象通过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);
    }
  },
});
相关推荐
咖啡の猫8 小时前
微信小程序WXSS 模板样式
微信小程序·小程序
AALoveTouch15 小时前
分享演唱会攻略-抢票利器
小程序·自动化
万岳科技系统开发15 小时前
开源上门预约系统源码,如何实现智能排班与时间冲突校验?
小程序·开源
说私域16 小时前
基于定制开发AI智能名片商城小程序的运营创新与资金效率提升研究
大数据·人工智能·小程序
qq_124987075318 小时前
基于微信小程序的宠物寄领养系统(源码+论文+部署+安装)
java·spring boot·后端·微信小程序·小程序·宠物·计算机毕业设计
咖啡の猫19 小时前
微信小程序页面配置
微信小程序·小程序·notepad++
2501_9160088919 小时前
iOS开发APP上架全流程解析:从开发到App Store的完整指南
android·ios·小程序·https·uni-app·iphone·webview
计算机毕设指导619 小时前
基于微信小程序技术校园拼车系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
计算机毕设指导619 小时前
基于微信小程序求职招聘-兼职管理系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·求职招聘
咖啡の猫19 小时前
微信小程序全局配置
微信小程序·小程序