JS获取编码URL - Javascript

在Web应用程序中，我们经常需要将URL编码为安全格式或解码已编码的URL。在JavaScript中，URL编码和解码可以在全局变量encodeURIComponent和decodeURIComponent中找到。

URL编码 - encodeURIComponent

使用encodeURIComponent函数可以将字符串中的非ASCII字符和特殊字符转换为URL安全格式。

const url = "https://www.example.com/search?q=javascript&name=张三";
const encodedURL = encodeURIComponent(url);

console.log(encodedURL); // https%3A%2F%2Fwww.example.com%2Fsearch%3Fq%3Djavascript%26name%3D%E5%BC%A0%E4%B8%89

在上面的例子中，encodeURIComponent函数将URL编码为安全格式，以便在Web应用程序中使用。

URL解码 - decodeURIComponent

使用decodeURIComponent函数可以解码已编码的URL字符串。

const encodedURL = "https%3A%2F%2Fwww.example.com%2Fsearch%3Fq%3Djavascript%26name%3D%E5%BC%A0%E4%B8%89";
const decodedURL = decodeURIComponent(encodedURL);

console.log(decodedURL); // https://www.example.com/search?q=javascript&name=张三

在上面的例子中，decodeURIComponent函数将已编码的URL字符串解码为原始URL字符串。

注意事项

• 在URL编码时，空格将被转换为%20。如果要将空格编码为+，请使用encodeURI函数。
• 在URL解码时，如果URL字符串包含中文字符，则需要确保服务器的编码与JavaScript中的编码一致，否则将出现乱码。
• 如果URL字符串的长度超过了某些浏览器的限制，则可能会被截断，导致解码失败。

结论

在JavaScript中，使用encodeURIComponent和decodeURIComponent函数可以安全地编码和解码URL字符串，以便在Web应用程序中使用。在使用这些函数时，需要注意一些细节，以确保字符串被正确地编码和解码。