小程序将对象通过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);
    }
  },
});
相关推荐
facetarzan12 小时前
微信小程序文件下载
小程序·文件预览·文件下载
橘子海全栈攻城狮12 小时前
【最新源码】鸟博士微信小程序 023
spring boot·后端·web安全·微信小程序·小程序
Yuujs12 小时前
微信小程序反编译保姆级教程
微信小程序·小程序
m0_6470579612 小时前
微信小程序同声传译(WechatSI)通用接入教程
微信小程序·小程序·notepad++
梁辰兴12 小时前
微信小程序开发者工具下载与安装
微信·微信小程序·小程序·教程·软件安装·开发者工具
2501_9159090616 小时前
深入解析Mock.js:功能、应用及实战案例,提升前端开发效率
android·ios·小程序·https·uni-app·iphone·webview
于先生吖16 小时前
前后端分离体育服务项目,场馆计费+线下赛事排行小程序部署开发教程
java·小程序·uni-app
黄华SJ520it16 小时前
上门回收旧衣小程序开发全流程解析
小程序·系统开发
万岳科技系统开发16 小时前
互联网医院小程序搭建如何快速上线?完整建设方案解析
小程序·apache
kke_8819 小时前
一年12个月,小程序UV的季节性波动规律
大数据·小程序·uv