关于通过前端链接传参时，参数中有（@、空格、中文字符、：、#、&、=、？等）特殊字符时参数会传过去后会变的坑！

最新推荐文章于 2024-06-22 18:37:42 发布

永恒之月℡

最新推荐文章于 2024-06-22 18:37:42 发布

阅读量995

点赞数

分类专栏：前端文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_57340195/article/details/130149083

版权

前端专栏收录该内容

7 篇文章 1 订阅

订阅专栏

关于通过前端链接传参时，参数中有（@、空格、中文字符、：、#、&、=、？等）特殊字符时参数会传过去后会变的坑！

一、先通过发生的JavaScript 中的 encodeURIComponent函数编码

var paramValue = 'abc@123';     //参数

var encodedValue = encodeURIComponent(paramValue);   //对参数进行编码

var url = 'http://localhost:8080/?param=' + encodedValue;   //跳转的链接和参数

window.open(url,"_blank")  //发起带参数的跳转链接

二、再通过接收端使用decodeURIComponent 函数对参数值进行解码

 var url = window.location.href;  //获取地址栏的url地址信息
 
var encodedValue =  =url.split('=')[1]      //截取获取，编码后的参数

var paramValue = decodeURIComponent(encodedValue);   //解码

console.log(paramValue); // 输出 abc@123