GET 文字列用に JavaScript で 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 内の特殊文字がインターネット上で正しく送信され、Web サーバーによって解釈されるようにするために必要です。
7. 使ってもいいですか encodeURIComponent URL全体について?
8. URL 構造に必要な「/」、「?」、「&」などの文字をエンコードするため、お勧めできません。使用 encodeURI その代わり。
9. キャラクターが何をするのか encodeURIComponent エンコード？
10. encodeURIComponent アルファベット、10 進数字、および - _ を除くすべての文字をエンコードします。 ！ ～*'（）。
11. URL エンコードでは大文字と小文字が区別されますか?
12. いいえ、URL エンコードでは大文字と小文字は区別されません。エンコードされた文字は大文字でも小文字でも表現できます。
13. URL 内のスペースはどのように処理しますか?
14. URL 内のスペースは、「%20」としてエンコードするか、プラス記号「+」を使用してエンコードする必要があります。
15. URL が適切にエンコードされていない場合はどうなりますか?
16. URL が適切にエンコードされていない場合、Web サーバーやブラウザによるエラーや誤解が生じる可能性があります。
17. すでにエンコードされている URL をエンコードできますか?
18. はい、ただし、二重エンコードが発生し、URL が正しくなくなる可能性があります。必要に応じて、デコード関数を使用して最初に戻します。