小程序将对象通过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);
    }
  },
});
相关推荐
lhldsg1 小时前
相册印刷实战指南:从设计规范到系统落地全流程解析
java·小程序·架构·设计规范
汤姆yu2 小时前
基于微信小程序的晚托机构管理系统
微信小程序·小程序·晚托
博、、2 小时前
酒馆预约系统开发实战:从需求分析到上线部署指南
小程序·需求分析
zww89491112 小时前
相册印刷项目实战指南:从设计到成品的完整技术流程
java·小程序·eclipse
2501_915918413 小时前
Flutter项目配置iOS混淆的详细步骤与工具推荐
android·flutter·ios·小程序·uni-app·cocoa·iphone
这是程序猿4 小时前
高校宿舍信息管理系统小程序
java·小程序·毕业设计
凡泰AI4 小时前
如何通过小程序多端框架,让一个小程序同时运行在iOS、安卓、鸿蒙和微信客户端,实现开发层面的降本增效
android·ios·微信小程序·小程序·harmonyos
博、、13 小时前
智慧场馆解决方案小程序系统:从架构设计到部署实践
小程序
lhldsg17 小时前
智慧场馆解决方案小程序开发实战:从架构设计到部署指南
java·小程序·uni-app
维双云17 小时前
配送小程序怎么做?从下单到配送全流程功能拆解。
小程序