ホームページ > 記事 > ウェブフロントエンド > JavaScript で URL をエンコードおよびデコードするにはどうすればよいですか?

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

WBOY転載: 2023-09-09 14:29:211032ブラウズ

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 サイトの他の関連記事を参照してください。

JavaScript html String 字符串 function

声明：

この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

前の記事：並べ替え機能を備えた JavaScript 対応の HTML テーブルを作成する次の記事：並べ替え機能を備えた JavaScript 対応の HTML テーブルを作成する

続きを見る

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

URL をエンコードする

encodeURI(complete_uri_string ) encodeURIComponent(complete_url_string )

次の例では、encodeURI() メソッドと encodeURIComponent() メソッドを使用して URL をエンコードします。

##encoded_URI URI

##index.html

関連記事