JavaScript/encodeURIComponent: Unterschied zwischen den Versionen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „Die Funkton '''encodeURIComponent()''' funktioniert wie <code>encodeURI()</code>, aber mit dem Unterschied, dass auch folgende Zeichen kodiert…“)
 
(Hinweis auf URL/URLSearchParams)
 
(10 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
−
Die Funkton '''encodeURIComponent()''' funktioniert wie [[../EncodeURI|<code>encodeURI()</code>]], aber mit dem Unterschied, dass auch folgende Zeichen kodiert werden: <code>, / ? : @ & = + $</code>
+
Die Funkton '''encodeURIComponent()''' funktioniert wie [[/|<code>encodeURI()</code>]], aber mit dem Unterschied, dass auch folgende Zeichen kodiert werden: <code>, / ? : @ & = + $</code>
  
−
Diese Funktion muss verwendet werden, um mittels Javascript beliebige Strings an den Server zu übermitteln, sofern dies in GET- oder POST-Requests geschieht. Übliche Anwendungsbeispiele: Ajax mit dem XMLHttpRequest-Objekt (GET und POST), sowie per Javascript generierte Links mit URL-Parametern.
+
  
−
{{Iconset|meta|js1.5|ie5|fx1|op7|chr4|saf1.2}}
+
  
−
{{Beispiel|zeige=dummy|
+
<></>
−
{{BeispielCode|
 
−
<pre>
 
−
<html>
 
−
<head>
 
−
  <title> Test </title>
 
−
</head>
 
−
<body>
 
  
−
  <script type="text/javascript">
+
/
  
−
    var Beispiel = "\n\r\t";
+
. .
−
      document.write(encodeURIComponent(Beispiel) + "");
 
−
    var Umlaute = "\u00E4+\u20AC";
 
−
      document.write("encodeURIComponent("+Umlaute+") = "+ encodeURIComponent(Umlaute));
 
  
−
  </script>
+
  
−
</body>
+
−
</html>
+
<>
−
</pre>
+
 +
 +
 +
 +
</>
 
}}
 
}}
 
{{BeispielText|
 
{{BeispielText|
Zeile 34: Zeile 28:
 
Diese Funktion codiert alle Zeichen, die nicht unverändert gelassen werden, gemäß UTF-8.
 
Diese Funktion codiert alle Zeichen, die nicht unverändert gelassen werden, gemäß UTF-8.
 
}}
 
}}
 +
 +
 +
 +
 +
 +

Aktuelle Version vom 3. Juli 2025, 16:34 Uhr

Die Funkton encodeURIComponent() funktioniert wie encodeURI(), aber mit dem Unterschied, dass auch folgende Zeichen kodiert werden: , / ? : @ & = + $

Syntax

encodeURIComponent(str);

  • str: Teil einer URI (als Zeichenkette)

Diese Funktion kann verwendet werden, um mittels Javascript beliebige Strings an den Server zu übermitteln, sofern dies in GET- oder POST-Requests geschieht. Übliche Anwendungsbeispiele: Ajax mit dem XMLHttpRequest-Objekt (GET und POST), sowie per Javascript generierte Links mit URL-Parametern.

Empfehlung: Wenn Sie eine URI mit Parametern versehen wollen, verwenden Sie besser URL und URLSearchParams. Seit dem Ende des Internet Explorers gibt es keinen Grund mehr, auf diese Objekte zu verzichten.

Anwendungsbeispiel

Beispiel 
let Beispiel = '\n\r\t';
  document.querySelector('output').innerText = encodeURIComponent(Beispiel) + '';
let Umlaute = '\u00E4+\u20AC';
  document.querySelector('output').innerText = 'encodeURIComponent("+Umlaute+") = '+ encodeURIComponent(Umlaute);
Die zwei Variablen Beispiel und Umlaute werden jeweils mit ein paar spezielleren Zeichen belegt und mit der Funktion encodeURIComponent() in das HTML-Dokument geschrieben.
Beachten Sie: Diese Funktion codiert alle Zeichen, die nicht unverändert gelassen werden, gemäß UTF-8.

Weblinks

Abgerufen am 5.01.2026
von "http://wiki.selfhtml.org/wiki/JavaScript/encodeURIComponent"