js的URL字符串编码/解码

前言：这是我在项目中，想做个多维搜索（多条件搜索）碰到的一个小问题，现已解决。记录一下，方便日后再次使用。

一般情况下有三种编码/解码方式，因为我是对网址进行编码/解码，故我选择了第二种。

1.escape unescape

2.encodeURI(url) decodeURI(url)

3.encodeURIComponent(url) decodeURIComponent(url)

一、

escape 方法：返回一个可在所有计算机上读取的编码 String 对象。

不会被此方法编码的字符： @ * / +

说明：escape 方法返回一个包含 charstring 内容的字符串值（Unicode 格式）。所有空格、标点、 重音符号以及任何其他非 ASCII 字符都用 %xx 编码替换，其中 xx 等于表示该字符的十六进制数。 例如，空格返回为“%20”。（字符值大于 255 的字符以 %uxxxx 格式存储。）

注意：escape 方法不能用来对“统一资源标识符”(URI) 进行编码。对其编码应使用 encodeURI 和 encodeURIComponent 方法。

二、

encodeURI 方法：返回编码为有效的统一资源标识符 (URI) 的字符串。

不会被此方法编码的字符：! @ # $ & * ( ) = : / ; ? + '

说明：encodeURI 方法返回一个已编码的 URI。如果将编码结果传递给 decodeURI，则将返回初始的 字符串。

encodeURI 不对下列字符进行编码：“:”、“/”、“;”和“?”。请使用 encodeURIComponent 对这些字符进行编码。

三、

encodeURIComponent 方法：返回编码为统一资源标识符 (URI) 的有效组件的字符串。

不会被此方法编码的字符：! * ( ) '

说明：encodeURIComponent 方法返回一个已编码的 URI。如果将编码结果传递给 decodeURIComponent，则将返回初始的字符串。因为 encodeURIComponent 方法将对所有字符编码， 请注意，如果该字符串代表一个路径，例如 /folder1/folder2/default.html，则其中的斜杠也将被 编码，这样，当该字符串作为请求发送到 Web 服务器时它将是无效的。如果字符串中包含多个 URI 组件，请使用 encodeURI 方法进行编码。

C#中对URL编码的方法: 编码：Server.UrlEncode(string) 解码：Server.UrlDecode(string)

例子：

/*--获取网页传递的参数--*/

function request(paras) {

　　 var url = decodeURI(location.href);

　　var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");

　　var paraObj = {}

　　for (i = 0; j = paraString[i]; i++) {

　　　　 paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);

　　 }

　　var returnValue = paraObj[paras.toLowerCase()];

　　 if (typeof (returnValue) == "undefined") {

　　　　 return "";

　　 } else {

　　　　return returnValue;

　　}

}

若有一个路径为

var url="http://10.132.239.215:8088/UpFiles/CustomModule/ClassManage.aspx?km=初中英语&nj=初一"

则

encodeURI(url);

为http://10.132.239.215:8088/UpFiles/CustomModule/ClassManage.aspx?km=%E5%88%9D%E4%B8%AD%E8%8B%B1%E8%AF%AD&nj=%E5%88%9D%E4%B8%80

而 decodeURI(url);

则为

http://10.132.239.215:8088/UpFiles/CustomModule/ClassManage.aspx?km=初中英语&nj=初一

var km=request("km"); //初中英语

var nj=request("nj"); //初一