suchen

Heim >Web-Frontend >js-Tutorial >Wie kodiere und dekodiere ich URLs in JavaScript?

Wie kodiere und dekodiere ich URLs in JavaScript?

WBOY
WBOYnach vorne
2023-09-09 14:29:211072Durchsuche

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 )

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>

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

    • Im folgenden Beispiel verwenden wir die Methoden decodeURI() und decodeURIComponent(), um eine codierte URL in ihre codierte URL zu decodieren. ursprüngliche Form.

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

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!

JavaScript html String 字符串 function
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Erstellen Sie eine JavaScript-fähige HTML-Tabelle mit SortierfunktionenNächster Artikel：Erstellen Sie eine JavaScript-fähige HTML-Tabelle mit Sortierfunktionen

In Verbindung stehende Artikel

Mehr sehen