在咱们调用后台接口的时候,若是后端传过来的字段是编码过的,那须要使用decodeURIComponent函数进行解码显示后端
var test1="http://www.jianshu.com/u/2e03543a7d61"函数
console.log(encodeURIComponent(test1));//编码
console.log(decodeURIComponent(test1));//解码编码
结果输出:
http%3A%2F%2Fwww.jianshu.com%2Fu%2F2e03543a7d61
http://www.jianshu.com/u/2e03543a7d61url
除此以外,在js中还有另外2种进行编解码的方法escape,encodeURI,对应的解码函数unescape,decodeURI,区别以下:
一、 传递参数时须要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。code
例如:orm
二、 进行url跳转时能够总体使用encodeURI
例如:Location.href=encodeURI(http://cang.baidu.com/do/s?word=百度&ct=21);接口
三、 js使用数据时可使用escape
例如:搜藏中history纪录。utf-8
四、 escape对0-255之外的unicode值进行编码时输出%u****格式,其它状况下escape,encodeURI,encodeURIComponent编码结果相同。unicode
最多使用的应为encodeURIComponent,它是将中文、韩文等特殊字符转换成utf-8格式的url编码,因此若是给后台传递参数须要使用encodeURIComponent时须要后台解码对utf-8支持(form中的编码方式和当前页面编码方式相同)字符串
escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z
encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z
encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z
总结: 经过对三个函数的分析,咱们能够知道:escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串所有进行转义编码,所以若是想对URL编码,最好不要使用此方法。而encodeURI() 用于编码整个URI,由于URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最经常使用的,它能够讲参数中的中文、特殊字符进行转义,而不会影响整个URL。