URLエンコード/デコードを行うサンプルです。
URLエンコードを行う
URLエンコードを行うには、encodeURIComponentまたはencodeURIを使います。
例）encodeURIComponentを使うパターン
|
1 |
var result = encodeURIComponent('あいう?&ABC'); |
- （結果）
- %E3%81%82%E3%81%84%E3%81%86%3F%26ABC
例）encodeURIを使うパターン
|
1 |
var result = encodeURI('あいう?&ABC'); |
- （結果）
- %E3%81%82%E3%81%84%E3%81%86?&ABC
URLデコードを行う
URLデコードを行うには、decodeURIComponentまたはdecodeURIを使います。
例）decodeURIComponentを使うパターン
|
1 |
var result = decodeURIComponent('%E3%81%82%E3%81%84%E3%81%86%3F%26ABC'); |
- （結果）
- あいう?&ABC
例）decodeURIを使うパターン
|
1 |
var result = decodeURI('%E3%81%82%E3%81%84%E3%81%86%3F%26ABC'); |
- （結果）
- あいう%3F%26ABC
解説
- URLエンコード（文字列 → エンコード文字）を行うには、encodeURIComponent/encodeURIを使用します。
- URLデコード（エンコード文字 → 文字列）を行うには、decodeURIComponent/decodeURIを使用します。
- Componentが付くか付かないかの違いは、URI文字で特別な意味を持つ記号等（?&/=@;:+$,）を変換するかしないかの違いです。