如何轻松掌握JavaScript进行URI编码处理？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1116个文字，预计阅读时间需要5分钟。
URI编码在JavaScript中有三种方法：`escape`、`encodeURI`和`encodeURIComponent`。
1. `escape` 方法用于编码URI组件，将特殊字符转换为 `%` 后跟两位十六进制数的形式。它将空格转换为加号（+），但不会对其他字符进行编码。
2. `encodeURI` 方法也用于编码URI组件，但与`escape`不同，它不会编码URI中的冒号（:）、斜杠（/）、问号（?）、数字符号（#）和波浪线（~）。
3. `encodeURIComponent` 方法用于编码URI的查询部分，它会对大多数非字母数字字符进行编码，包括那些`encodeURI`方法不会编码的字符。
以下是示例代码：
javascriptvar originalString=混合的URI编码 + JavaScript中编码;var escaped=escape(originalString);var encodedURI=encodeURI(originalString);var encodedURIComponent=encodeURIComponent(originalString);
console.log(escaped);console.log(encodedURI);console.log(encodedURIComponent);
混乱的URI编码JavaScript中编码有三种方法:escape、encodeURI、encodeURIComponent
C#中编码主要方法：HttpUtility.UrlEncode、Server.UrlEncode、Uri.EscapeUriString、Uri.EscapeDataString
JavaScript中的还好，只提供了三个，C#中主要用的就有这么多，还没有列出其他编码(HTML)，一多就弄不明白，弄不明白就心生恐惧，心生恐惧就变得苦逼，本文就向大家详细解释在JavaScript及C#中如何对URI进行编码的方法(注：本文不涉及到其他编码)。
escape：不推荐使用原因：eacape是BOM中的方法，只能对ASCII符号正确编码，而encodeURI、encodeURIComponent可以对所有的Unicode符号编码。ECMAScript v3 反对使用该方法，应用使用 decodeURI() 和 decodeURIComponent() 替代它。
escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z
encodeURI：用于对网址编码(不包含参数)encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
encodeURI就是为这个而设计的。encodeURI不对URI中的特殊字符进行编码，如冒号(:)、斜杠(/)。下面看个示例：
encodeURI("www.cnblogs.com/a file with spaces.html")
// outputs www.cnblogs.com/a%20file%20with%20spaces.html
可以看到仅仅把空格替换成了20%，所以此方法可用于对网址进行编码。
由于encodeURI不对冒号(:)、斜杠(/)进行编码，所以如果参数(如把网址作为参数)中包含冒号(:)、斜杠(/)，就会解析出错，所以此方法不能对参数进行编码。
encodeURIComponent:用于对网址参数进行编码encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z
可以看到此方法对:/都进行了编码，所以不能用它来对网址进行编码。由于此方法对中文，空格，井号(#)，斜线(/)，冒号(:)都进行了编码，所以适合对URI中的参数进行编码。看下面的示例：
var param="自由互联";
var url="www.cnblogs.com/?key="+encodeURIComponent(param)+"&page=1";
console.log(url);//outputs www.cnblogs.com/?key=%E5%8D%9A%E5%AE%A2%E5%9B%AD&page=1
可以看到，这正是我们想要的结果(这里只对需要编码的参数(page=1不需要编码)进行了编码)。
Server.UrlEncode && HttpUtility.UrlEncode:不推荐把这两个放到一起说是因为这两个方法在绝大多数情况下是一样的。它们的区别是HttpUtility.UrlEncode默认使用UTF8格式编码，而Server.UrlEncode是使用系统预设格式编码，Server.UrlEncode使用系統预设编码做为参数调用HttpUtility.UrlEncode编码，所以如果系统全局都用UTF8格式编码，这两个方法就是一样的。
这两个方法是怎么编码的呢，我们来看个示例：
string url1 = "www.cnblogs.com/a file with spaces.html?a=1&b=自由互联#abc";
Response.Write(HttpUtility.UrlEncode(url1) );
//output
www.cnblogs.com/a file with spaces.html?a=1&b=自由互联#abc";
Response.Write( Uri.EscapeUriString(url1));
//outputs:
www.cnblogs.com/a%20file%20with%20spaces.html?a=1&b=%E5%8D%9A%E5%AE%A2%E5%9B%AD#abc
可以看出，Uri.EscapeUriString对空格进行了编码，也对中文进行了编码，但对冒号(:)、斜杠(/)和井号(#)未编码，所以此方法可以用于网址进行编码，但不能对参数进行编码，作用类似JavaScript中的encodeURI方法。
Uri.EscapeDataString:用于对网址参数进行编码仍然用例子说话：
string url1 = "www.cnblogs.com/a file with spaces.html?a=1&b=自由互联#abc";
Response.Write(Uri.EscapeDataString(url1));
//outputs:
www.558idc.com/helan.html 复制请保留原URL】
本文共计1116个文字，预计阅读时间需要5分钟。
URI编码在JavaScript中有三种方法：`escape`、`encodeURI`和`encodeURIComponent`。
1. `escape` 方法用于编码URI组件，将特殊字符转换为 `%` 后跟两位十六进制数的形式。它将空格转换为加号（+），但不会对其他字符进行编码。
2. `encodeURI` 方法也用于编码URI组件，但与`escape`不同，它不会编码URI中的冒号（:）、斜杠（/）、问号（?）、数字符号（#）和波浪线（~）。
3. `encodeURIComponent` 方法用于编码URI的查询部分，它会对大多数非字母数字字符进行编码，包括那些`encodeURI`方法不会编码的字符。
以下是示例代码：
javascriptvar originalString=混合的URI编码 + JavaScript中编码;var escaped=escape(originalString);var encodedURI=encodeURI(originalString);var encodedURIComponent=encodeURIComponent(originalString);
console.log(escaped);console.log(encodedURI);console.log(encodedURIComponent);
混乱的URI编码JavaScript中编码有三种方法:escape、encodeURI、encodeURIComponent
C#中编码主要方法：HttpUtility.UrlEncode、Server.UrlEncode、Uri.EscapeUriString、Uri.EscapeDataString
JavaScript中的还好，只提供了三个，C#中主要用的就有这么多，还没有列出其他编码(HTML)，一多就弄不明白，弄不明白就心生恐惧，心生恐惧就变得苦逼，本文就向大家详细解释在JavaScript及C#中如何对URI进行编码的方法(注：本文不涉及到其他编码)。
escape：不推荐使用原因：eacape是BOM中的方法，只能对ASCII符号正确编码，而encodeURI、encodeURIComponent可以对所有的Unicode符号编码。ECMAScript v3 反对使用该方法，应用使用 decodeURI() 和 decodeURIComponent() 替代它。
escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z
encodeURI：用于对网址编码(不包含参数)encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
encodeURI就是为这个而设计的。encodeURI不对URI中的特殊字符进行编码，如冒号(:)、斜杠(/)。下面看个示例：
encodeURI("www.cnblogs.com/a file with spaces.html")
// outputs www.cnblogs.com/a%20file%20with%20spaces.html
可以看到仅仅把空格替换成了20%，所以此方法可用于对网址进行编码。
由于encodeURI不对冒号(:)、斜杠(/)进行编码，所以如果参数(如把网址作为参数)中包含冒号(:)、斜杠(/)，就会解析出错，所以此方法不能对参数进行编码。
encodeURIComponent:用于对网址参数进行编码encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z
可以看到此方法对:/都进行了编码，所以不能用它来对网址进行编码。由于此方法对中文，空格，井号(#)，斜线(/)，冒号(:)都进行了编码，所以适合对URI中的参数进行编码。看下面的示例：
var param="自由互联";
var url="www.cnblogs.com/?key="+encodeURIComponent(param)+"&page=1";
console.log(url);//outputs www.cnblogs.com/?key=%E5%8D%9A%E5%AE%A2%E5%9B%AD&page=1
可以看到，这正是我们想要的结果(这里只对需要编码的参数(page=1不需要编码)进行了编码)。
Server.UrlEncode && HttpUtility.UrlEncode:不推荐把这两个放到一起说是因为这两个方法在绝大多数情况下是一样的。它们的区别是HttpUtility.UrlEncode默认使用UTF8格式编码，而Server.UrlEncode是使用系统预设格式编码，Server.UrlEncode使用系統预设编码做为参数调用HttpUtility.UrlEncode编码，所以如果系统全局都用UTF8格式编码，这两个方法就是一样的。
这两个方法是怎么编码的呢，我们来看个示例：
string url1 = "www.cnblogs.com/a file with spaces.html?a=1&b=自由互联#abc";
Response.Write(HttpUtility.UrlEncode(url1) );
//output
www.cnblogs.com/a file with spaces.html?a=1&b=自由互联#abc";
Response.Write( Uri.EscapeUriString(url1));
//outputs:
www.cnblogs.com/a%20file%20with%20spaces.html?a=1&b=%E5%8D%9A%E5%AE%A2%E5%9B%AD#abc
可以看出，Uri.EscapeUriString对空格进行了编码，也对中文进行了编码，但对冒号(:)、斜杠(/)和井号(#)未编码，所以此方法可以用于网址进行编码，但不能对参数进行编码，作用类似JavaScript中的encodeURI方法。
Uri.EscapeDataString:用于对网址参数进行编码仍然用例子说话：
string url1 = "www.cnblogs.com/a file with spaces.html?a=1&b=自由互联#abc";
Response.Write(Uri.EscapeDataString(url1));
//outputs:
www.558idc.com/helan.html 复制请保留原URL】