如何进行JavaScript参数的URL编码和解码？

JS参数转码

JavaScript中的参数转码通常指的是将字符串转换为URL编码格式，以便在网络传输过程中能够正确解析，这在处理GET请求时尤其重要，因为URL中的特殊字符（如空格、&、%等）需要被编码以避免混淆。

1. 使用encodeURIComponent()函数

encodeURIComponent()是JavaScript内置的一个函数，用于对URI组件进行编码，它可以确保所有的特殊字符都被转换成相应的百分号编码形式。

示例代码：

const url = 'https://example.com/search?query=';
const query = 'hello world & test';
const encodedQuery = encodeURIComponent(query);
const fullUrl = url + encodedQuery;
console.log(fullUrl); // 输出： https://example.com/search?query=hello%20world%20%26%20test

2. 使用encodeURI()函数

与encodeURIComponent()不同，encodeURI()不会对某些字符进行编码，例如冒号、斜杠、问号等，如果你要编码整个URL而不是URL的一部分，你应该使用encodeURI()。

示例代码：

const url = 'https://example.com/search?query=';
const query = 'hello world & test';
const encodedQuery = encodeURIComponent(query);
const fullUrl = encodeURI(url + encodedQuery);
console.log(fullUrl); // 输出： https://example.com/search?query=hello%20world%20%26%20test

常见问题与解答

问题1：为什么在URL中使用百分比编码？

答案：百分比编码（也称为URL编码或百分号编码）是一种将非字母数字字符转换为一种可以在URL中安全传输的格式的方法，这是因为URL只允许包含特定的字符集，而百分比编码允许开发者在URL中包含其他字符，如空格、特殊符号等。

问题2：encodeURIComponent()和encodeURI()之间有什么区别？

答案：encodeURIComponent()和encodeURI()的主要区别在于它们对哪些字符进行编码。encodeURIComponent()会对几乎所有字符进行编码，包括一些在URI中有特殊含义的字符，如冒号、斜杠、问号等，而encodeURI()则不会对这些字符进行编码，它主要用于编码整个URL，当你需要编码URL的一部分（如查询参数）时，应该使用encodeURIComponent()；当你需要编码整个URL时，应该使用encodeURI()。