JSはURLをエンコードおよび復号(区別の3つの方法)

クズども · 掲載地 2019/01/23 15:06:04

0-9[a-z] $ - _ 。 + ! * '( )、および特定の予約語はエンコードなしでURL内で直接使用できます。

例えば、中国語のキーワードを検索した場合、URLをコピーして貼り付けると、URLがトランスコードされていることがわかります。

1. 脱出と脱出

原理:ASCIIの文字、数字、句読点を割り算 @ * _ + - 。 /

コード:escape('http://www.baidu.com?name=zhang@xiao@jie&order=1')

結果:「http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1」

脱出(「張」)

結果:「%u5F20」

デコード:unescape("http%3A///www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

結果:「http://www.baidu.com?name=zhang@xiao@jie&order=1」

unescape("%u5F20")

結果:「張」

2. encodeURIとdecodeURI

原則:有効な統一リソース識別子(URI)としてエンコードされた文字列を返します。これは符号化されていない文字です:! @ # $ & * ( ) = : / ; ? + '

encodeURI() は、実際にURLをエンコードするために使われるJavaScriptの関数です。

エンコーディング:encodeURI('http://www.baidu.com?name=zhang@xiao@jie&order=1')

結果:「http://www.baidu.com?name=zhang@xiao@jie&order=1」

デコード中: decodeURI("http%3A///www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

結果:「http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1」

3. encodeURIComponent と decodeURIComponent

原則:URLの構成要素を個別にエンコードし、URL全体をエンコードするのではなく

Encoding: encodeURIComponent('http://www.baidu.com?name=zhang@xiao@jie&order=1')
結果:「http%3A%2F%2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1」

デコード: decodeURIComponent("http%3A%2F%2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1")

「http://www.baidu.com?name=zhang@xiao@jie&order=1」

[JavaScript] JSはURLをエンコードおよび復号(区別の3つの方法)

関連記事

閲覧したセクション