encodeURIComponent对url参数进行编码

参数进行编码"/>

encodeURIComponent对url参数进行编码

在开发需求过程中，经常会遇到点击链接进入详情页的情况，一般的做法如下：

window.open("/xxx/xxx/xxxDetail?a=" + item.a + '&b=' + item.b);

我们也经常需要在详情页中获取url上面的参数进行一些逻辑的处理，一般的做法如下：

function getHrefParam(key) {const search = window.location.search;const params = new URLSearchParams(search);return (params.get(key)) || '';
}let a = getHrefParam(a)
let b = getHrefParam(b)

特殊情况：

当我们拼接在url上的参数存在某些特殊字符时（&、%、#、?、/ 等），getHrefParam()并不能满足我们的需求，例如：url后面的参数是：?a=xxxx#12&b=xxx&c=xxx

window.location.search方法获取的参数被“#”截断

解决方法：encodeURIComponent对参数进行一次编码即可

window.open("/xxx/xxx/xxxDetail?a=" + encodeURIComponent(item.a) + '&b=' + encodeURIComponent(item.b));