Wie kodiere und dekodiere ich URLs in JavaScript?-js-Tutorial-php.cn

Wie kodiere und dekodiere ich URLs in JavaScript?

WBOY

Freigeben： 2023-09-09 14:29:21

nach vorne

1077 Leute haben es durchsucht

Die URL einer Website erfordert die Kodierung und Dekodierung von URI und URI-Komponenten, um den Benutzer zu erreichen oder umzuleiten. Dies ist eine häufige Aufgabe in der Webentwicklung und wird normalerweise ausgeführt, wenn mithilfe von Abfrageparametern eine GET-Anfrage an eine API gestellt wird. Die Abfrageparameter müssen auch im URL-String kodiert sein, der vom Server dekodiert wird. Viele Browser kodieren und dekodieren automatisch URL- und Antwortzeichenfolgen.

Zum Beispiel wird ein Leerzeichen „ “ als + oder %20 codiert.

URL kodieren

Sie können die folgenden Methoden in JavaScript verwenden, um die Konvertierung von Sonderzeichen abzuschließen -

encodeURI()-Funktion - Die encodeURI()-Funktion wird verwendet, um den vollständigen URI zu kodieren, d. h Sonderzeichen werden in eine Sprache umgewandelt, die der Browser versteht. Einige nicht kodierte Zeichen sind: (, / ? : @ & = + $ #).
encodeURIComponent()-Funktion – Diese Funktion kodiert die gesamte URL statt nur den URI. Diese Komponente verschlüsselt auch den Domainnamen.

Syntax

encodeURI(complete_uri_string )
encodeURIComponent(complete_url_string )

Nach dem Login kopieren

Parameter

complete_uri_string string – Enthält die zu kodierende URL.
complete_url_string string – Enthält den vollständigen zu kodierenden URL-String.

Die obige Funktion gibt die codierte URL zurück.

Beispiel 1

Im folgenden Beispiel kodieren wir die URL mit den Methoden encodeURI() und encodeURIComponent().

# 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>

Nach dem Login kopieren

output

如何在 JavaScript 中对 URL 进行编码和解码？

decode url

dekodiert von URL kann mit den folgenden Methoden durchgeführt werden. URI dekodieren, das heißt, Sonderzeichen werden zurück in die ursprüngliche URI-Sprache konvertiert.

decodeURIComponent( )-Funktion – Diese Funktion dekodiert die vollständige URL zurück in ihre ursprüngliche Form. decodeURI dekodiert nur den URI-Teil, während diese Methode die URL einschließlich des Domänennamens dekodiert.

Syntax

decodeURI(encoded_URI )
decodeURIComponent(encoded_URL

Nach dem Login kopieren

Parameter

encoded_URI URI

– Es akzeptiert die Eingabe einer kodierten URL, die durch die Funktion encodeURI() erstellt wurde.

encoded_URL URL – Es akzeptiert die Eingabe einer codierten URL, die durch die Funktion encodeURIComponent() erstellt wurde.
Diese Funktionen geben das dekodierte Format der kodierten URL zurück. Beispiel 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(&#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>

Nach dem Login kopieren

Ausgabe

Das obige ist der detaillierte Inhalt vonWie kodiere und dekodiere ich URLs in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!