ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で URL をエンコードおよびデコードするにはどうすればよいですか?
JavaScript で URL をエンコードおよびデコードするにはどうすればよいですか?
- WBOY転載
- 2023-09-09 14:29:211089ブラウズ
Web サイトの URL では、ユーザーにアクセスしたりリダイレクトしたりするために、URI および URI コンポーネントのエンコードとデコードが必要です。これは Web 開発における一般的なタスクであり、通常はクエリ パラメーターを使用して API に GET リクエストを行うときに実行されます。クエリ パラメータも URL 文字列内でエンコードする必要があり、サーバーによってデコードされます。多くのブラウザは、URL と応答文字列を自動的にエンコードおよびデコードします。
たとえば、スペース " " は または としてエンコードされます。
URL をエンコードする
JavaScript で次のメソッドを使用すると、特殊文字の変換を完了できます。encodeURI() 関数 - encodeURI() 関数は、完全な URI をエンコードするために使用されます。つまり、URI 内の特殊文字をブラウザーが理解できる言語に変換します。エンコードされていない文字には、(, / ? : @ & = $ #) があります。
encodeURIComponent() 関数 - この関数は、URI だけではなく URL 全体をエンコードします。このコンポーネントはドメイン名もエンコードします。
encodeURI(complete_uri_string )
encodeURIComponent(complete_url_string )
パラメータ
- ##complete_uri_string string
- エンコードされる URL を保持します。
- complete_url_string string
- エンコードされる完全な URL 文字列を保持します。
上記の関数は、エンコードされた URL を返します。
例 1
次の例では、encodeURI() メソッドと encodeURIComponent() メソッドを使用して URL をエンコードします。
#index.html <!DOCTYPE html>
<html lang="en">
<head>
<title>Encoding URI</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
const url="https://www.tutorialspoint.com/search?q=java articles";
document.write('<h4>URL: </h4>' + url)
const encodedURI=encodeURI(url);
document.write('<h4>Encoded URL: </h4>' + encodedURI)
const encodedURLComponent=encodeURIComponent(url);
document.write('<h4>Encoded URL Component: </h4>' + encodedURLComponent)
</script>
</body>
</html>出力
##デコードされた URL
- decodeURI() 関数
- -decodeURI() 関数は、URI をデコードするために使用されます。つまり、特殊文字を元の文字に変換します。 URI言語。
- - この関数は、完全な URL をデコードして元の形式に戻します。 decodeURI は URI 部分のみをデコードしますが、このメソッドはドメイン名を含む URL をデコードします。
#構文
decodeURI(encoded_URI ) decodeURIComponent(encoded_URL
パラメータ
##encoded_URI URI
- encodeURI() 関数による作成を受け入れます。エンコードされた URL を入力します。-
encoded_URL URL
- encodeURIComponent() 関数によって作成されたエンコードされた URL の入力を受け入れます。 -
これらの関数は、エンコードされた URL のデコードされた形式を返します。
例 2
##index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Encode & Decode URL</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
const url="https://www.tutorialspoint.com/search?q=java articles";
const encodedURI = encodeURI(url);
document.write('<h4>Encoded URL: </h4>' + encodedURI)
const encodedURLComponent = encodeURIComponent(url);
document.write('<h4>Encoded URL Component: </h4>' + encodedURLComponent)
const decodedURI=decodeURI(encodedURI);
document.write('<h4>Decoded URL: </h4>' + decodedURI)
const decodedURLComponent = decodeURIComponent(encodedURLComponent);
document.write('<h4>Decoded URL Component: </h4>' + decodedURLComponent)
</script>
</body>
</html>出力以上がJavaScript で URL をエンコードおよびデコードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。