js encodeuri

encodeURI 是 JavaScript 中的一个用于编码统一资源标识符 (URI) 的函数。它将 URI 中的非标准字符转换为可以在 URL 中安全使用的格式。encodeURI 不会编码 ASCII 字母和数字以及特定的标点符号，如 - _ . ! ~ * ' ( )。

基础概念

encodeURI 函数接受一个字符串作为参数，并返回一个新的字符串，其中某些字符被转换为 %xx 或 %uxxxx 格式的十六进制转义序列。

相关优势

• 保持 URI 可读性：encodeURI 不会编码所有特殊字符，这样可以保持 URI 的可读性。
• 兼容性：encodeURI 是 W3C 标准的一部分，被所有现代浏览器支持。

应用场景

• 构建 URL：当你需要构建一个包含特殊字符的 URL 时，可以使用 encodeURI 来确保 URL 的正确性。
• 处理查询参数：在构建包含查询参数的 URL 时，通常需要对参数值进行编码。

示例代码

// 原始 URI
const uri = "https://example.com/search?q=你好世界!";

// 使用 encodeURI 编码 URI
const encodedUri = encodeURI(uri);

console.log(encodedUri);
// 输出: "https://example.com/search?q=%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C!"

注意事项

• encodeURI 不会编码 # 和 ? 及其后的字符，因为这些字符在 URI 中有特殊含义。
• 如果你需要编码查询参数的值，应该使用 encodeURIComponent 函数，因为它会编码更多的字符，包括 &, =, +, 等。

解决问题的方法

如果你遇到了编码后的 URI 在服务器端解析不正确的问题，可能是因为：

1. 使用了错误的编码函数：如果你需要对查询参数的值进行编码，应该使用 encodeURIComponent。
2. 服务器端解码问题：确保服务器端使用了正确的解码函数来解析编码后的 URI 或参数。

示例代码（使用 encodeURIComponent）

// 原始查询参数
const queryParam = "你好世界!";

// 使用 encodeURIComponent 编码查询参数
const encodedQueryParam = encodeURIComponent(queryParam);

console.log(encodedQueryParam);
// 输出: "%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C!"

// 构建完整的 URL
const url = `https://example.com/search?q=${encodedQueryParam}`;

console.log(url);
// 输出: "https://example.com/search?q=%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C!"

通过正确使用 encodeURI 和 encodeURIComponent，你可以确保 URI 和查询参数在客户端和服务器端之间的正确传输和解析。