js url参数转码（js解决url传递中文参数乱码问题）
场景复现：
做后台管理系统的时候 ，出现了一个bug:点击“导出数据 ”按钮 ，打开文件里面是空的 。
乱码的url
正确的url
bug解决思路：
1.文件为空 ，应该是请求的url路径不对 ，显示一个空的模板即没带参数 ，因此可以判断是参数有误；
2.控制台打出url,可以看出是参数中文乱码；
3.怎样解决中文乱码问题？（大坑就在这里）
当时我尝试了encodeURI 和 decodeURI ，以及encodeURIComponent 和 decodeURIComponent方法都没用(一般情况下都是有效果的) ，后来就是在导出数据接口那里打印{key} 、{form[key]}分别是啥 ，然后得出undefined,后来我尝试加了一个value ，没想到就可以了 。思路纠错：
我之前一直在对比这个页面的导出接口 ，和其他页面的导出接口是否写的一样？结果是一样的 ，而没有去思考它这里具体的值要的是什么 ，因此挺花费时间的 。
url传参中文乱码的解决方法
1 、escape 和 unescape
escape()不能直接用于URL编码 ，它的真正作用是返回一个字符的Unicode编码值 。
采用unicode字符集对指定的字符串除0-255以外进行编码 。所有的空格符 、标点符号 、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字） 。比如 ，空格符对应的编码是%20 。
escape不编码字符有69个：* ，+ ，- ，. ，/ ，@ ，_ ，0-9 ，a-z ，A-Z 。escape()函数用于js对字符串进行编码 ，不常用 。
//跳转页 location.href = ./test.html?+escape(name=张三&age=18) //接收页 var str = unescape(location.search.substr(1)); //url显示 test.html?name%3D%u5F20%u4E09%26age%3D182 、encodeURI 和 decodeURI
把URI字符串采用UTF-8编码格式转化成escape各式的字符串 。
encodeURI不编码字符有82个：! ，# ，$ ，& ， ，( ，) ，* ，+ ，, ，- ，. ，/ ，: ，; ，= ，? ，@ ，_ ，~ ，0-9 ，a-z ，A-Z
encodeURI()用于整个url编码 。 //跳转页 location.href = encodeURI(./test.html?name=张三&age=18); //接收页 var str = decodeURI(location.search.substr(1)); //url显示 test.html?name=张三&age=183 、encodeURIComponent 和 decodeURIComponent
与encodeURI()的不同的是 ，“; / ? : @ & = + $ , # ” ，这些在encodeURI()中不被编码的符号 ，在encodeURIComponent()中统统会被编码 。至于具体的编码方法 ，两者是一样 。把URI字符串采用UTF-8编码格式转化成escape格式的字符串 。
//跳转页 location.href = ./test.html?+encodeURIComponent(name=张三&age=18); //接收页 var str = decodeURIComponent(location.search.substr(1)); //url显示 test.html?name%3D张三%26age%3D18创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！