小程序将对象通过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);
    }
  },
});
相关推荐
Haibakeji1 天前
长沙餐饮门店点餐配送小程序定制开发
大数据·小程序
2501_915918411 天前
iOS App性能测试工具的实现方法与优化循环指南
android·ios·小程序·https·uni-app·iphone·webview
程序鉴定师2 天前
2026济南十大App制作公司测评(精简版):覆盖小程序、定制开发与跨平台方案
大数据·小程序
斯内普吖2 天前
(开源)高校素拓分管理系统小程序实战指南 基于 Java + SpringBoot + uni-app + Vue + MySQL
java·spring boot·mysql·小程序·uni-app·开源
上海观智网络2 天前
上海小程序定制开发合同怎么签?需要注意什么?
经验分享·笔记·小程序
it-10243 天前
抖音快手短视频去水印微信小程序/一键去水印/小程序去水印接口代码
微信小程序·小程序·php
万岳科技3 天前
教育培训小程序如何构建线上线下一体化教学体系
小程序·apache
全职计算机毕业设计3 天前
智慧仓储出入库小程序+后台管理系统 —— 全流程数字化资产管控平台
小程序
万岳软件开发小城3 天前
2026在线教育系统源码搭建指南,支持APP+H5+小程序
小程序·在线教育系统源码·教育app开发·教育小程序开发·教育网校平台搭建
万岳科技系统开发4 天前
教育培训小程序搭建实战:打造一体化教学服务平台
小程序