js中如何对url进行编码和解码

在 JavaScript 中，有两种方式可以对 URL 进行编码和解码，分别是 encodeURI() 和 encodeURIComponent()。

encodeURI()

encodeURI() 方法用于将 URI (Uniform Resource Identifier) 进行编码，但是不会对一些特殊字符 (;,/?:@&=+$#) 进行编码。通常情况下，如果你只需要对查询参数进行编码，那么使用 encodeURI() 就足够了。

以下是一个对 URL 进行编码的示例：

const url = "http://www.example.com/path?name=张三&age=18";
const encodedUrl = encodeURI(url);

console.log(encodedUrl); // 输出："http://www.example.com/path?name=%E5%BC%A0%E4%B8%89&age=18"

在上面的示例中，我们对包含中文字符的 URL 进行了编码，并且使用 console.log() 输出了编码后的结果。

encodeURIComponent()

encodeURIComponent() 方法则是用于对 URI 的组成部分进行编码，包括了一些特殊字符 (; / ? : @ & = + $ #)。使用 encodeURIComponent() 可以对所以组成部分进行编码，包括查询参数、哈希标识符等等。

以下是一个对 URL 查询参数进行编码的示例：

const name = "张三";
const age = "18";
const encodedName = encodeURIComponent(name);
const encodedAge = encodeURIComponent(age);

const url = `http://www.example.com/path?name=${encodedName}&age=${encodedAge}`;

console.log(url); // 输出："http://www.example.com/path?name=%E5%BC%A0%E4%B8%89&age=18"

在上面的示例中，我们先将查询参数 name 和 age 分别进行编码，然后使用模板字符串将它们组成一个完整的 URL，并使用 console.log() 输出了结果。

总的来说，在 JavaScript 中，我们可以使用 encodeURI() 和 encodeURIComponent() 方法对 URL 进行编码和解码。要根据实际场景选择对应的方法进行使用。