javascript中的编码与解码

javascript中可用的编码解码函数，有如下的组合：

• escape(string);
  unescape(string);
• encodeURI(string);
  decodeURI(string);
• encodeURIComponent(string);
  decodeURIComponent(string);

他们之间的区别为：

escape/unescape：
以16进制编码字符串，对空格、符号等字符用%xx编码表示，对中文等字符用%uxxxx编码表示。自javascript1.5之后，此方法已经不被推荐使用。

encodeURI/decodeURI：
以UTF-8编码编码字符串，对这些字符：“ ; , / ? : @ & = + $ ”不做编码。

encodeURIComponent/decodeURIComponent：
以UTF-8编码编码所有字符串。

因为escape/unescape已经deprecated。就不说它了，encodeURI和encodeURIComponent之前的区别用实例说明：

比如说要使用get方式将一个参数u，传递给服务器：

var u="index.php?blogId=1&op=Default";
var getURL="http://www.simplelife.cn/test.php?p="+encodeURI(u);

这里，如果使用了encodeURI，那么最终的getURL的值为：

http://www.simplelife.cn/test.php?p=index.php?blogId=1&op=Default

这样，对参数u中的字符"&op=Default"，将不会作为字符串参数传递到服务器端，而是当作test.php的参数传递过去了，因为对"&op=Default"中的字符"&"没有做编码。
所以，在这种应用场景下，就需要使用encodeURIComponent，编码后的getURL值为：

http://www.simplelife.cn/test.php?p=index.php%3FblogId%3D1%26op%3DDefault

这样，参数就可以顺利传递过去了。在服务器端得到的字符串将是正确的u。

反之，如果需要通过get方式访问某一URL，但是URL中包含中文等字符，为了防止乱码等编码问题，需要将URL通过encodeURI进行编码。

 

 

编码：

escape：将字符串编码(unicode格式)

encodeURI: 字符串编码(utf-8格式,不包括特殊字符)

encodeURIComponent : 字符串编码(utf-8格式)

JavaScript中encodeURI函数是将文本字符串编码为一个有效的统一资源标识符 (URI)。

encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言（如JavaScript, ActionScript）都会实现这两个函数。它们都是用来对URI （RFC-2396）字符串进行编码的全局函数，但是它们的处理方式和使用场景有所不同。

为了解释它们的不同，我们首先需要理解RFC-2396中对于URI中的字符分类

保留字符（reserved characters）：这类字符是URI中的保留关键字符，它们用于分割URI中的各个部分。

这些字符是：";" | "/" | "?" | ":" | "@" | "&" | "=" | "+" | "$" | ","

Mark字符（mark characters）：这类字符在RFC-2396中特别定义，但是没有特别说明用途，可能是和别的RFC标准相关。

这些字符是："-" | "_" | "." | "!" | "~" | "*" | "'" | "(" | ")"

基本字符（alphanum characters）：

这类字符是URI中的主体部分，它包括所有的大写字母、小写字母和数字

在介绍完上面三类字符串后，我们就非常容易来解释encodeURI和encodeURIComponent函数的不同之处了：

encodeURI: 该函数对传入字符串中的所有非（基本字符、Mark字符和保留字符）进行转义编码（escaping）。所有的需要转义的字符都按照UTF-8编码转化成为一个、两个或者三个字节的十六进制转义字符（％xx）。例如，字符空格" "转换成为"%20"。在这种编码模式下面，需要编码的ASCII字符用一个字节转义字符代替，在\u0080和\u007ff之间的字符用两个字节转义字符代替，其他16为Unicode字符用三个字节转义字符代替。

encodeURIComponent: 该函数处理方式和encodeURI只有一个不同点，那就是对于保留字符同样做转义编码。例如，字符":"被转义字符"%3A"代替
之所以有上面两个不同的函数，是因为我们在写JS代码的时候对URI进行两种不同的编码处理需求。encodeURI可以用来对完整的URI字符串进行编码处理。而encodeURIComponent可以对URI中一个部分进行编码，从而让这一部分可以包含一些URI保留字符。

这在我们日常编程中是十分有用的。比如下面的URI字符串： http://www.mysite.com/send-to-friend.aspx?url=http://www.mysite.com/product.html
在这个URI字符串中。send-to-friend.aspx页面会创建HTML格式的邮件内容，里面会包含一个链接，这个链接的地址就是上面URI字符串中的url值。显然上面的url值是URI中的一个部分，里面包含了URI保留关键字符。我们必须调用encodeURIComponent对它进行编码后使用，否则上面的URI字符串会被浏览器认为是一个无效的URI。正确的URI应该如下：http://www.mysite.com/send-to-friend.aspx?url=http%3A%2F%2Fwww.mysite.com%2Fproduct.html