JavaScript で URL をエンコードおよびデコードするにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript で URL をエンコードおよびデコードするにはどうすればよいですか?

WBOY

リリース： 2023-09-09 14:29:21

転載

1096 人が閲覧しました

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 文字列を保持します。

例 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(&#39;<h4>URL: </h4>&#39; + url)
      const encodedURI=encodeURI(url);
      document.write(&#39;<h4>Encoded URL: </h4>&#39; + encodedURI)
      const encodedURLComponent=encodeURIComponent(url);
      document.write(&#39;<h4>Encoded URL Component: </h4>&#39; + encodedURLComponent)
   </script>
</body>
</html>

ログイン後にコピー

出力

##デコードされた URL 如何在 JavaScript 中对 URL 进行编码和解码？

URL のデコード次のメソッドを使用して実行できます。 -

-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

次の例では、decodeURI() メソッドと decodeURIComponent() メソッドを使用して、エンコードされた URL をエンコードされた URL にデコードします。原形。

##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(&#39;<h4>Encoded URL: </h4>&#39; + encodedURI)
      const encodedURLComponent = encodeURIComponent(url);
      document.write(&#39;<h4>Encoded URL Component: </h4>&#39; + encodedURLComponent)
      const decodedURI=decodeURI(encodedURI);
      document.write(&#39;<h4>Decoded URL: </h4>&#39; + decodedURI)
      const decodedURLComponent = decodeURIComponent(encodedURLComponent);
      document.write(&#39;<h4>Decoded URL Component: </h4>&#39; + decodedURLComponent)
   </script>
</body>
</html>

ログイン後にコピー

出力

以上がJavaScript で URL をエンコードおよびデコードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。