微信小程序页面传参长度问题

需求:a页面传递参数到b页面,传递的参数是一个对象,需要进行json转换,但在小程序中传递的参数长度是有限制的,因此我们传递的时候可以,但是接收的时候,往往会被自动截取掉超出的部分,从而达不到我们想要的效果,这就需要对传递的数据进行处理;

解决:

a页面:

复制代码
// 查看教练个人信息
	function getTrainerInfo(item) {
		const info = encodeURIComponent(JSON.stringify(item))
		uni.navigateTo({
			url: `/pages/trainerInfo/trainerInfo?info=${info}`
		})
	}

b页面:

复制代码
	onLoad((options) => {
		info.value = JSON.parse(decodeURIComponent(options.info))
		console.log('info.value', info.value);
	})

总的来说就是对传输的数据进行编码,以确保特殊字符在URL中安全传输**。**‌该函数会将除了字母、数字、连词号(-)、下划线(_)、点(.)、感叹号(!)、波浪线(~)、星号(*)、单引号(')、圆括号(())之外的所有字符进行转码,将其转换为百分号(%)后跟随的两个十六进制数表示的形式。这样处理后的字符串可以确保在URL中不会被解释为特殊字符,从而避免参数传递错误或URL解析问题‌

相关推荐
00后程序员张11 小时前
Fiddler使用教程,全面掌握Fiddler抓包工具的配置方法、代理设置与调试技巧(HTTPHTTPS全解析)
前端·测试工具·ios·小程序·fiddler·uni-app·webview
2501_9160088911 小时前
HTTPS 下的 DDoS 防护与抓包分析实战,从检测到快速缓解的工程化打法
网络协议·ios·小程序·https·uni-app·iphone·ddos
2501_9159184111 小时前
App 使用 HTTPS 的工程化实战,从接入到真机排查的一线指南
android·ios·小程序·https·uni-app·iphone·webview
江城开朗的豌豆14 小时前
小程序与H5的“握手言和”:无缝嵌入与双向通信实战
前端·javascript·微信小程序
江城开朗的豌豆14 小时前
小程序静默更新?用户却无感?一招教你“强提醒”
前端·javascript·微信小程序
说私域14 小时前
开源AI大模型AI智能名片S2B2C商城小程序在护肤品文案痛点表达中的应用与效果研究
人工智能·小程序
weixin_1772972206914 小时前
盲盒一番赏小程序系统开发:重构潮玩消费的沉浸式革命
小程序·重构·盲盒
weixin_1772972206915 小时前
短剧小程序系统开发:开启影视娱乐新纪元
小程序·短剧
小小王app小程序开发15 小时前
线下剧本杀预约小程序核心功能玩法解析:轻量化载体重构娱乐消费生态
小程序·重构·娱乐
说私域15 小时前
信息传递视角下开源AI智能名片链动2+1模式S2B2C商城小程序对零售企业的赋能研究
人工智能·小程序·零售