JavaScriptでURLをエンコードするには？

JavaScriptを使ってURLを安全にエンコードして、GET文字列に入れるにはどうすればいいですか？

var myUrl = "http://example.com/index.html?param=1&anotherParam=2";
var myOtherUrl = "http://example.com/index.html?url=" + myUrl;

2行目の myUrl 変数をエンコードする必要があるのではないでしょうか？

ProgramFOX
編集された質問 31日 10月 2014 в 1:13
プログラミング
encoding javascript url
2日 12月 2008 в 2:37
15 ビュー
ソリューション

組み込み関数のencodeURIComponent(str)やencodeURI(str)をご覧ください。
あなたのケースでは、これでうまくいくはずです。

var myOtherUrl = 
       "http://example.com/index.html?url=" + encodeURIComponent(myUrl);
georgeawg
編集した答え 22日 4月 2019 в 7:02
解説 (9)

3つの選択肢があります。

  • escape() はエンコードしません。@*/+

  • encodeURI() はエンコードされません。~!@#$&*()=:/,;?+'

  • encodeURIComponent() はエンコードされません。~!*()'

しかし、あなたのケースでは、他のページの GET パラメータに URL を渡したい場合、escape や encodeURIComponent を使うべきで、encodeURI は使うべきではありません。

詳しくはStack Overflowの質問Best practice: escape, or encodeURI / encodeURIComponentを参照してください。

Community
編集した答え 23日 5月 2017 в 12:02
解説 (10)

encodeURIComponent()を使ってください。関数encodeURI()は、URLにおいて意味的に重要な多くの文字(例えば、「#」、「?」、「&」)をわざわざエンコードしません。また、escape()は非推奨であり、サーバ上でエンコードされたスペースとして解釈される「+」文字をわざわざエンコードしません(また、ここで他の人が指摘しているように、非ASCII文字を適切にURLエンコードしません)。

別の場所に良いencodeURI()とencodeURIComponent()`の違いについての説明があります。何かをエンコードして、それをURIのコンポーネントとして安全に含めることができるようにしたい場合（例えば、クエリ文字列のパラメータとして）、encodeURIComponent()を使用したいと思います。

Community
編集した答え 23日 5月 2017 в 12:02
解説 (0)