获取url参数对中文参数进行编码和解码

原创于 2020-07-30 14:07:52 发布 · 698 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

22 篇文章

订阅专栏

本文深入探讨了从URL中获取特定参数的方法，通过自定义函数getQueryString实现参数的读取，并介绍了如何处理URL编码与解码，包括encodeURI、decodeURI、encodeURIComponent与decodeURIComponent的使用，帮助开发者更好地理解和操作URL参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getQueryString(key){
    var reg = new RegExp("(^|&)"+key+"=([^&]*)(&|$)");
    var result = window.location.search.substr(1).match(reg);
    return result?decodeURIComponent(result[2]):null;
}

//使用方式

var pstr = encodeURIComponent(JSON.stringify(PARAMS));

var URI = getQueryString('params');

// 如果URI 中包含了"%" 转化为"%25"
if(URI.indexOf('%') > -1) {
	URI =  URI.replace(/%/g,'%25')
}

//编码和解码方式
1. encodeURI()  和 decodeURI() 
2. encodeURIComponent() 和 decodeURIComponent()

var str = "http://www.baidu.com?params=张三";

console.log(encodeURI(str));
//http://www.baidu.com?params=%E5%BC%A0%E4%B8%89
var strDecode = encodeURI(str);
console.log(decodeURI(strDecode));

console.log(encodeURIComponent(str));
//https%3A%2F%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttp%2Fwww.baidu.com%3Fparams%3D%E5%BC%A0%E4%B8%89
var strdecodeURI = encodeURIComponent(str);
console.log(decodeURIComponent(strdecodeURI));