从此不再惧怕URI编码：JavaScript及C# URI编码详解

URI是什么？

URI（Uniform Resource Identifier），中文名为统一资源标识符，是用于标识抽象或物理资源的字符串。

在Web中，我们常用URI表示Web资源的位置和ID。

URI分为三个部分：

URI = scheme://host[:port]/path[?query][#fragment]

scheme表示访问资源所使用的协议，如http、https、ftp等；
host表示资源所在的主机名或IP地址；
port表示网络资源的端口号；
path表示网络资源的访问路径；
query表示对网络资源的请求参数；
fragment表示资源内部指向的锚点。

URI编码是什么？

URI编码是一种用来对URI中的非ASCII字符和特殊字符进行编码的过程，以便能够在URI中可靠地传输和解析。

URI编码使用百分号（%）后面跟两个字符的方式来表示一个字符。其中，两个字符表示该字符在ASCII字符集合中的16进制表示，例如%20表示空格符。

URI编码在JavaScript的实现

在JavaScript中，可以使用内置的 encodeURI()函数和encodeURIComponent()函数对URI编码进行处理。

encodeURI()

encodeURI()函数会对整个URI进行编码处理，不会对URL中的特殊字符进行编码。其中，特殊字符包括：

保留字符：! * ' ( ) ; : @ & = + $ , / ? # [ ]
非保留字符：字母、数字、- _ . ! ~ * ' ( )

示例代码：

let uri = "https://www.example.com/search?q=钓鱼岛";
let encodedUri = encodeURI(uri);
console.log(encodedUri); // 输出 https://www.example.com/search?q=%E9%92%93%E9%B1%BC%E5%B2%9B

encodeURIComponent()

encodeURIComponent()函数会对整个URI进行编码处理，同时也会对URL中的特殊字符进行编码。其中，特殊字符同上。

示例代码：

let uri = "https://www.example.com/search?q=钓鱼岛";
let encodedUri = encodeURIComponent(uri);
console.log(encodedUri); // 输出 https%3A%2F%2Fwww.example.com%2Fsearch%3Fq%3D%25E9%2592%2593%25E9%25B1%25BC%25E5%25B2%259B

URI编码在C#的实现

在C#中，可以使用System.Web.HttpUtility类中的UrlEncode()方法和UrlDecode()方法对URI编码进行处理。

UrlEncode()

UrlEncode()方法会对整个URI进行编码处理，同时也会对URL中的特殊字符进行编码。其中，特殊字符同上。

示例代码：

string uri = "https://www.example.com/search?q=钓鱼岛";
string encodedUri = System.Web.HttpUtility.UrlEncode(uri);
Console.WriteLine(encodedUri); // 输出 https%3a%2f%2fwww.example.com%2fsearch%3fq%3d%e9%92%93%e9%b1%bc%e5%b2%9b

UrlDecode()

UrlDecode()方法会对整个URI进行解码处理。

示例代码：

string uri = "https%3a%2f%2fwww.example.com%2fsearch%3fq%3d%e9%92%93%e9%b1%bc%e5%b2%9b";
string decodedUri = System.Web.HttpUtility.UrlDecode(uri);
Console.WriteLine(decodedUri); // 输出 https://www.example.com/search?q=钓鱼岛