在 JavaScript 中对 GET 字符串的 URL 进行安全编码

在 JavaScript 中编码 GET 请求的 URL

JavaScript 前端实现

// Example of URL encoding in JavaScript
var myUrl = "http://example.com/index.html?param=1&anotherParam=2";
var encodedUrl = encodeURIComponent(myUrl);
var myOtherUrl = "http://example.com/index.html?url=" + encodedUrl;
console.log(myOtherUrl); // Outputs: http://example.com/index.html?url=http%3A%2F%2Fexample.com%2Findex.html%3Fparam%3D1%26anotherParam%3D2

使用 Node.js 进行服务器端 URL 编码

Node.js 后端实现

const http = require('http');
const url = require('url');
const myUrl = 'http://example.com/index.html?param=1&anotherParam=2';
const encodedUrl = encodeURIComponent(myUrl);
const myOtherUrl = 'http://example.com/index.html?url=' + encodedUrl;
http.createServer((req, res) => {
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end(myOtherUrl);
}).listen(8080);
console.log('Server running at http://localhost:8080/');

有关 URL 编码的常见问题和解答

1. 有什么区别 encodeURI 和 encodeURIComponent？
2. encodeURI 对完整的 URL 进行编码，保留具有特殊含义的字符，同时 encodeURIComponent 对各个 URI 组件进行编码，转换所有特殊字符。
3. 如何在 JavaScript 中解码 URL？
4. 使用 decodeURIComponent 解码编码的 URI 组件，或者 decodeURI 解码整个编码的 URL。
5. 为什么需要 URL 编码？
6. URL 编码对于确保 URL 中的特殊字符通过 Internet 正确传输并由 Web 服务器解释是必要的。
7. 我可以用吗 encodeURIComponent 对于整个 URL？
8. 不建议这样做，因为它会对“/”、“?”和“&”等 URL 结构所必需的字符进行编码。使用 encodeURI 反而。
9. 字符有什么作用 encodeURIComponent 编码？
10. encodeURIComponent 对除字母、十进制数字和 - _ 之外的所有字符进行编码。 ！ 〜*'（）。
11. URL编码区分大小写吗？
12. 不，URL 编码不区分大小写。编码字符可以用大写或小写表示。
13. 如何处理 URL 中的空格？
14. URL 中的空格应编码为“%20”或使用加号“+”。
15. 如果 URL 编码不正确会发生什么情况？
16. 如果 URL 未正确编码，则可能会导致 Web 服务器和浏览器出现错误或误解。
17. 您可以对已经编码的 URL 进行编码吗？
18. 是的，但它会导致双重编码，从而导致 URL 不正确。如果需要，请先使用解码功能进行恢复。