解析URI编码规则

RBRTI • 2025-04-28 13:17 • 编程

URI（统一资源标识符）是用来标识互联网上资源的字符串文本标识符，是访问互联网资源的地址。在将URI传送到服务器或浏览器时，需要进行特定编码处理，这个编码方式就是URI编码规则。

一、URI编码规则的概述

URI是由多个部分组成的，其中可能包含不安全的字符，如空格、中文、特殊符号等，这些字符在传输过程中可能会被无法正确解析，造成混淆或错误。为了解决这个问题，URI需要使用编码来保证传输正确性。

在URI编码中，不安全字符被替换为一系列%AB这样的编码。其中AB代表字符在ASCII中的十六进制表示。通过这种方式，任何字符都可以被正确传输。

二、URI编码规则的分类

URI编码规则可以分为两类：百分号编码和URL编码。

1、百分号编码

百分号编码是最基本的URI编码规则，通过将不安全字符替换为百分号（%）和两位十六进制数，来表示ASCII码下的字符。比如空格的百分号编码为“%20”，中文“我”的百分号编码为“%E6%88%91”。

//示例代码
const encodeUrl = encodeURIComponent('http://mywebsite.com/dir/page.html?name=龙a 离子&age=18');
console.log(encodeUrl); // 'http%3A%2F%2Fmywebsite.com%2Fdir%2Fpage.html%3Fname%3D%E9%BE%99a%20%E7%A6%BB%E5%AD%90%26age%3D18'

2、URL编码

URL编码是对百分号编码的一种补充，用于特殊字符的编码。URL编码使用%XX来表示特殊字符的ASCII码值，其中XX为两位十六进制数。与百分号编码的区别在于，URL编码允许部分不安全字符不使用百分号编码，而是使用可读性更好的字符串替换。

//示例代码
const encodeURI = encodeURI('http://mywebsite.com/dir/page.html?name=龙a 离子&age=18');
const encodeUrl = encodeURIComponent('http://mywebsite.com/dir/page.html?name=龙a 离子&age=18');
console.log(encodeURI); // 'http://mywebsite.com/dir/page.html?name=%E9%BE%99a%20%E7%A6%BB%E5%AD%90&age=18'
console.log(encodeUrl); // 'http%3A%2F%2Fmywebsite.com%2Fdir%2Fpage.html%3Fname%3D%E9%BE%99a%20%E7%A6%BB%E5%AD%90%26age%3D18'

三、URI编码规则的使用

URI编码规则在网络编程中非常重要，应用广泛。常见的应用场景包括：

1、URL请求参数编码

在使用GET方式请求URL时，需要对请求参数进行URI编码，以确保参数正确传输和解析。在使用XHR请求时，可以使用encodeURIComponent()函数对参数进行编码。

//示例代码
const xhr = new XMLHttpRequest();
const url = 'http://mywebsite.com/page?name=' + encodeURIComponent('龙a 离子') + '&age=18';
xhr.open('GET', url, true);
xhr.send();

2、URI中文本编码

在某些场景下，需要将URI中的中文转换为Unicode编码，以确保URI在各个平台和浏览器上的正确性。可以使用encodeURI()函数对URI进行编码。

//示例代码
const url = 'http://mywebsite.com/page?name=' + encodeURI('龙a 离子') + '&age=18';
console.log(url); // 'http://mywebsite.com/page?name=%E9%BE%99a%20%E7%A6%BB%E5%AD%90&age=18'

3、URI字母大小写

在URI中，字母大小写是有意义的，因此应该保持URI的大小写统一和正确。一般情况下，URI的协议部分应该使用小写。

//示例代码
const url = 'HTTP://MYWEBSITE.COM/PAGE';
console.log(url.toLowerCase()); // 'http://mywebsite.com/page'

四、总结

URI编码规则是网络编程中不可或缺的一部分，在GET方式请求URL和URI中文本编码时尤为重要。在实际开发中，应根据具体需求和环境选择合适的编码方式，保证URI在传输和解析中的正确性。

原创文章，作者：RBRTI，如若转载，请注明出处：https://www.506064.com/n/374926.html