JavaScript中的编码解码

1、URI

统一资源标识符（URI）是一个用于标识某一互联网资源名称的字符串。，该种标识允许用户对任何（包括本地和互联网）的资源通过特定的协议进行交互操作。Web上可用的每种资源 -HTML文档、图像、视频片段、程序等都可由一个通用资源标识符（Uniform Resource Identifier, 简称"URI"）进行定位。

在HTML中，URI被用来：链接到另一个文档或资源、链接到一个外部样式表或脚本等。

1.1、URI和URL、URN

URL是统一资源定位符，它是一种具体的URI，即URL可以用来标识一个资源，而且还指明了如何locate这个资源。而URN是统一资源命名，是通过名字来标识资源，比如mailto:[email protected]。也就是说，URI是以一种抽象的，高层次概念定义统一资源标识，而URL和URN则是具体的资源标识的方式。URL和URN都是一种URI。

一个URI实例可以代表绝对的，也可以是相对的，只要它符合URI的语法规则。而URL类则不仅符合语义，还包含了定位该资源的信息，因此它不能是相对的。

JavaScript中对字符串进行编码涉及3个函数：escape、encodeURI、encodeURIComponent，相应3个解码函数：unescape、decodeURI、decodeURIComponent

2、编码

2.1、escape() 函数

escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。返回值是已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。

escape(string)

可以使用 unescape() 对 escape() 编码的字符串进行解码。不过ECMAScript v3 反对使用该方法，应用使用 decodeURI() 和 decodeURIComponent() 替代它。

2.2、encodeURI() 函数

encodeURI() 函数可把字符串作为 URI 进行编码。返回值：已经进行了编码后的字符串，其中的某些字符将被十六进制的转义序列进行替换。

encodeURI(uri)

var uri = "mytest.php?name=ståle&car=saab&user=陈真";
let a = encodeURI(uri)    // mytest.php?name=st%C3%A5le&car=saab&username=%E9%99%88%E7%9C%9F
let b = decodeURI(a)    //mytest.php?name=ståle&car=saab&username=陈真

详情参考：http://www.runoob.com/jsref/jsref-encodeuri.html

2.3、encodeURIComponent() 函数

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。返回值：已经进行了编码后的字符串，其中的某些字符将被十六进制的转义序列进行替换。

encodeURIComponent(URIstring)

var uri = "mytest.php?name=ståle&car=saab&username=陈真";
let c = encodeURIComponent(uri)    //mytest.php%3Fname%3Dst%C3%A5le%26car%3Dsaab%26username%3D%E9%99%88%E7%9C%9F
let d = decodeURIComponent(uri)   //mytest.php?name=ståle&car=saab&username=陈真

请注意 encodeURIComponent() 函数与 encodeURI() 函数的区别之处，前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

3、解码

3.1、unescape() 函数

3.2、decodeURI() 函数

3.3、decodeURIComponent() 函数

4、编码解码的作用

当我们使用url的方式提交数据到后台，例如：ajax提交到后台的，就需要对url进行encodeURI编码，尤其是URI中有中文的话，否则，可能会导致后台出现各种乱码，不进行编码的话，默认浏览器编码格式提交，这样的话，浏览器不同，传到后台的值也就不同了，所以建议使用encodeURI统一编码为utf-8的格式到后台，然后后台再处理再解码就行了