js url转码

js url转码

在前端开发中，我们经常会遇到需要对url进行编码的情况，例如在发送网络请求时，需要将参数编码后拼接在url中。JavaScript提供了两个方法encodeURI()和encodeURIComponent()用于将url进行编码。在本文中，我们将深入探讨这两个方法的使用以及它们之间的区别。

encodeURI()

encodeURI()方法用于将整个url进行编码，编码后的url可以在浏览器中直接使用。它并不会对一些特殊字符进行编码，例如:,/,?,#,[,],@,&这些字符在url中具有特殊含义，在使用encodeURI()编码后会保留原来的字符。

let url = "https://www.example.com/search?q=JavaScript#result";

let encodedUrl = encodeURI(url);

console.log(encodedUrl);

运行结果：https://www.example.com/search?q=JavaScript#result

从运行结果可以看出，encodeURI()方法对url进行了编码，但是保留了特殊字符:和#。

encodeURIComponent()

与encodeURI()方法不同，encodeURIComponent()方法用于对url中的特殊字符进行编码，编码后的字符串可以作为url的参数发送给服务器。下面我们通过一个示例来演示encodeURIComponent()方法的使用。

let param = "JavaScript Tutorial";

let encodedParam = encodeURIComponent(param);

console.log(encodedParam);

运行结果：JavaScript%20Tutorial

可以看到，空格被编码为%20，这样可以保证参数在url中不会造成歧义。

区别与应用场景

1. encodeURI()适用于对整个url进行编码，保留一些特殊字符。适用于编码完整的url地址。

2. encodeURIComponent()适用于对url的参数进行编码，对特殊字符进行转义。适用于编码url参数。

在实际开发中，我们需要根据具体的情况选择使用哪种方法进行url编码，以确保url在传递过程中不会出现问题。

总结：本文详细介绍了JavaScript中对url进行编码的两种方法encodeURI()和encodeURIComponent()的使用及区别。