js encodeuri编码

encodeURI 是 JavaScript 中的一个内置函数，用于对统一资源标识符 (URI) 进行编码，以便它们可以在 URL 中安全传输。这个函数不会对某些特殊字符进行编码，比如冒号、斜杠、问号和井号，因为这些字符在 URL 中有特定的含义。

基础概念

URI 编码（也称为百分号编码）是一种用于在 URI 中表示特殊字符的编码机制。当某些字符在 URL 中具有特殊含义时，就需要对这些字符进行编码，以避免歧义。

优势

• 安全性：编码可以防止注入攻击，比如跨站脚本攻击（XSS）。
• 兼容性：确保 URL 在不同的系统和浏览器中都能正确解析。
• 数据完整性：编码可以保护数据在传输过程中不被篡改。

类型

encodeURI 函数主要用于编码整个 URI，而不是单个参数。如果你需要编码查询参数中的值，应该使用 encodeURIComponent 函数。

应用场景

• 构建动态 URL：当需要将用户输入或其他动态数据拼接到 URL 中时。
• 表单提交：在通过 GET 方法提交表单时，对表单数据进行编码。
• AJAX 请求：在发送 AJAX 请求时，对请求的 URL 进行编码。

示例代码

// 使用 encodeURI 对整个 URL 进行编码
let url = "https://example.com/search?q=JavaScript教程";
let encodedUrl = encodeURI(url);
console.log(encodedUrl); // 输出: https://example.com/search?q=JavaScript%E6%95%99%E7%A8%8B

// 使用 encodeURIComponent 对查询参数的值进行编码
let paramValue = "JavaScript教程";
let encodedParamValue = encodeURIComponent(paramValue);
console.log(encodedParamValue); // 输出: JavaScript%E6%95%99%E7%A8%8B

遇到的问题及解决方法

问题：为什么某些字符没有被编码？

encodeURI 函数故意不对某些字符进行编码，因为这些字符在 URL 中有特殊的用途。如果你需要对所有字符进行编码，包括这些特殊字符，应该使用 encodeURIComponent 函数。

解决方法：

let paramValue = "JavaScript教程?query=123";
let encodedParamValue = encodeURIComponent(paramValue);
console.log(encodedParamValue); // 输出: JavaScript%E6%95%99%E7%A8%8B%3Fquery%3D123

在这个例子中，encodeURIComponent 对包括问号在内的所有字符都进行了编码。

总结

encodeURI 是一个非常有用的函数，用于确保 URL 的正确性和安全性。在处理动态生成的 URL 或表单数据时，合理使用 encodeURI 和 encodeURIComponent 可以避免很多潜在的问题。