JavaScriptでURIエンコード

JavaScript/HTML/CSS JavaScript

URIの各箇所の名前

下記のようなURIがあったとして各箇所の名称をみてみる

https://aaa.com/intent/bbb?button_ccc=ref_src=src%5Etfw

箇所 名前
https スキーム
aaa.com ホスト名
/intent/bbb リソース名
?以降 クエリ

クエリに半角英数以外の文字(日本語等)を含める場合はURIエンコードをする。最近のブラウザでは半角英数以外を含むクエリがあっても正しく解釈してくれるがURIに関する規格では半角英数以外は利用してはいけない。

URIエンコード

URIのクエリに含めることのできない文字を%(パーセント)から始まる16進数にする変換方法のこと。

別名 → URLエンコードやパーセントエンコード

文字列 → URIエンコード

encodeURIComponent('文字列');

URIエンコード → 文字列

decodeURIComponent('エンコード文字');