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

拼搏现实的明天。 2021-07-24 19:24 427阅读 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 条评论，427人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关锚链接跳转

想让页面跳转到指定的地方，这个时候我们可以用到锚链接，锚链接主要有两个部分组成，点击的地方和跳转的地方，点击的地方我们用 <a>标签，其 href 属性和即将跳转的标签的id保

迈不过友情╰/ 2022年04月23日 14:44/ 0 赞/ 297 阅读

相关页面内锚链接跳转

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9f

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

相关 MUI携带参数跳转并获取该参数

//页面A mui('.mui-table-view').on('tap', '.next', function() { var id = th

àì夳堔傛蜴生んèń/ 2022年03月16日 03:22/ 0 赞/ 450 阅读

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

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

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

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

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

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