js编码解码一个蛮有意思的事

前端开发技巧：解决浏览器编码问题

最新推荐文章于 2024-08-11 22:32:28 发布

原创最新推荐文章于 2024-08-11 22:32:28 发布 · 648 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

Javascript 专栏收录该内容

2 篇文章

订阅专栏

本文讨论了在前端开发中遇到的浏览器编码问题，特别是Chrome内核浏览器自动解码URI导致的乱码问题，并提供了有效解决方案。

前几天搞项目的时候，因为将页面基本全部html化了，传参数也就懒得进后台了，直接前台传参数，js解析吧

function getQueryString(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");    
	var r = window.location.search.substr(1).match(reg);    
	if (r != null) 
		return unescape(r[2]);
	return null;
}

然后传中文参数的时候为了避免乱码，当然需要encodeURI(encodeURI(XXX))了，然后解析的时候使用decodeURIComponent（解码最好不要用decodeURI），然后发现乱码了。最后排查发现是因为chrome内核的浏览器，会自动将编码后的URI自动转成中文，你的循环就成了编码-解码-乱码-解码，最后结果就当然的乱码啦，解决方法也很简单，联系百度、360搜索之类的参数也是直接附在URL中的，发现很神奇的是，如果你的编码参数不是最后一个参数的话，浏览器就不会多手去帮你解码了，so，直接在你的参数后面在随便加个参数吧，或者让你的参数不要在最后就OK啦，蛮有意思的chrome