0


URL传参时,参数包含有特殊字符(%、#、&)的处理方法

问题描述

uniapp项目中页面跳转时,通过url传参,参数为一个包含特殊的字符的对象并内容比较多,导致不能正常传参


原因分析:

1、有些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了。编码的格式为:%+字符的ASCII码,即一个百分号%,后面跟对应字符的ASCII(16进制)码值。例如 空格的编码值是"%20"。
2、url参数有长度限制,参数太长就会显示不全


解决方案:

  1. 参照上面特殊字符对应的编码,使用replace加正则替换
  2. 参数为对象时,使用JSON.stringify()转换成字符串,页面接收时再使用JSON.parse()转换成对象
  3. 参数比较多时且内容复杂使用encodeURIComponent() 转码,decodeURIComponent() 解码,参数需要先JSON.stringify()再转码,页面接受先将参数解码再使用JSON.parse()
let obj = this.list[index] // obj为一个对象内容比较多且包含了特殊字符

1、先替换参数中包含的特殊符号

let formatObj = obj.replace(/\%/g,"%25")
formatObj = obj.replace(/\#/g,"%23")

formatObj = obj.replace(/\&/g,"%26")

formatObj = obj.replace(/\?/g,"%3F")

2、再将参数进行解码再传参        
uni.navigate To({
    url:'/pages/list/detail?item=' + encodeURIComponent(JSON.stringify(formatObj))
})

// 接收页面
onLoad (option) {
    this.info = JSON.parse(decodeURIComponent(option.item))
}
标签: 前端

本文转载自: https://blog.csdn.net/weixin_48414904/article/details/125537594
版权归原作者 小居居* 所有, 如有侵权,请联系我们删除。

“URL传参时,参数包含有特殊字符(%、#、&)的处理方法”的评论:

还没有评论