小程序将对象通过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);
    }
  },
});
相关推荐
低代码布道师6 小时前
家政预约小程序10首先显示服务内容
低代码·小程序
说私域9 小时前
“开源AI智能名片2+1链动模式S2B2C商城小程序源码”在市场推广中的应用与策略
人工智能·小程序·开源
寰宇软件14 小时前
PHP场馆预定系统小程序
小程序·uni-app·vue·php
阿巴资源站1 天前
记录使用EasyWeChat做微信小程序登陆和其他操作
微信小程序·小程序
软希网分享源码1 天前
跑腿小程序/智能派单/系统派单/同城配送/校园跑腿/预约取件/用户端+骑手端【全开源】
小程序·跑腿小程序·同城配送·智能派单·预约取件
大叔_爱编程1 天前
wx044基于springboot+vue+uniapp的智慧物业平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
小韩学长yyds2 天前
前端实战:小程序搭建商品购物全流程
javascript·css·vue.js·小程序·前端框架·node.js·html5
你爱写程序吗(新H)2 天前
基于微信小程序的移动学习平台的设计与实现 移动学习平台(源码+文档)
java·spring boot·微信小程序·小程序
计算机-秋大田2 天前
基于微信小程序的英语学习交流平台设计与实现(LW+源码+讲解)
spring boot·后端·学习·微信小程序·小程序
计算机-秋大田3 天前
基于微信小程序的新闻资讯系统设计与实现(LW+源码+讲解)
spring boot·后端·微信小程序·小程序·课程设计