跳转页面参数携带链接编码解码

拼搏现实的明天。 2021-07-24 19:24 484阅读 0赞

跳转页面的时候如果参数里有部分特殊字符的话，参数是没办法正常带过去：

<table> 
 <tbody> 
  <tr> 
   <td>+</td> 
   <td>空格</td> 
   <td>/</td> 
   <td>?</td> 
   <td>%</td> 
   <td>&amp;</td> 
   <td>=</td> 
   <td>#</td> 
  </tr> 
 </tbody> 
</table>

** 示例跳转链接：**

let del_url='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607072654290&di=5ad30d49f252e9b0025088a21ebdc340&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F35%2F34%2F19300001295750130986345801104.jpg'

**1.将特殊号替换为十六进制 **

<table> 
 <tbody> 
  <tr> 
   <td>+</td> 
   <td>空格</td> 
   <td>/</td> 
   <td>?</td> 
   <td>%</td> 
   <td>&amp;</td> 
   <td>=</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td>%2B</td> 
   <td>%20</td> 
   <td>%2F</td> 
   <td>%3F</td> 
   <td>%25</td> 
   <td>%26</td> 
   <td>&amp;3D</td> 
   <td>%23</td> 
  </tr> 
 </tbody> 
</table>

*    1.）将+号替换为十六进制 *

del_url= del_url.replace(/\+/g,"%2B");

**2、最简单的一种，使用encodeURIComponent()函数。　1.str = str.replace(/\\+/g,"%2B"); 将+号替换为十六进制 链接:**

编码:

let url = encodeURIComponent(del_url)

解码:

let url_show = decodeURIComponent(url);

发表评论取消回复

表情：

评论列表（有 0 条评论，484人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3携带参数跳转并新建页面&&接收参数

vue3携带参数跳转并新建页面&&接收参数 vue学习记录 //html <div class="course_lay" @click=

浅浅的花香味﹌/ 2024年03月26日 19:27/ 0 赞/ 111 阅读

相关携带固定参数，进行页面的多次跳转

参考我的博客（将里面的方法，封住成一个全局，稍微改动即可） [（巨好使，详细，解析URl，URl自定义传参）js URl中快速自定义传参，并且实现参数解析修改和新增，替换

青旅半醒/ 2023年10月09日 14:52/ 0 赞/ 101 阅读

相关 js编码解码，链接路径中传递中文参数

今天有个需求，路径传递的参数是中文的，截取了之后无法进行对比。所以需要用到编码和解码。 ![20191011181209394.png][] 1）编码 encodeURI

朱雀/ 2023年06月06日 12:16/ 0 赞/ 171 阅读

相关 html页面（钻取）携带参数跳转到另一个html页面

1. 跳转方式 1. 只能使用<a：href=" "></>方式 2. 不能使用ajax，ajax只是局部刷新，返回数据，不会参与页面跳转。 2. 携带参数定义和

客官°小女子只卖身不卖艺/ 2023年05月28日 15:45/ 0 赞/ 36 阅读

相关 uni-app 页面跳转（携带参数）

使用标签包裹跳转对象，拼接字符串， $\{child.id\} 为跳转携带参数 <navigator hover-class="none" :url="`../det

超、凢脫俗/ 2023年01月05日 01:24/ 0 赞/ 195 阅读

相关 vue项目实现页面跳转携带参数

this.$router.push({ path: "/Shengc", //页面路径 name: "S

╰+攻爆jí腚メ/ 2022年11月15日 11:21/ 0 赞/ 309 阅读

相关链接跳转（本页面跳转）

href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不

末蓝、/ 2022年05月23日 03:29/ 0 赞/ 403 阅读

相关页面内锚链接跳转

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9f

系统管理员/ 2022年04月16日 01:53/ 0 赞/ 346 阅读

相关 a标签携带参数跳转并在跳转页面接收参数

1.  <a href="urlb?id=1"><img src="123.jpg"/></a>

迈不过友情╰/ 2022年03月08日 12:11/ 0 赞/ 480 阅读

相关跳转页面参数携带链接编码解码

跳转页面的时候如果参数里有部分特殊字符的话，参数是没办法正常带过去： <table> <tbody> <tr> <td>+</td> <td>

拼搏现实的明天。/ 2021年07月24日 19:24/ 0 赞/ 485 阅读