JavaScript/encodeURIComponent

Aus SELFHTML-Wiki
JavaScript
Version vom 29. Mai 2014, 15:27 Uhr von MScharwies (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Die Funkton '''encodeURIComponent()''' funktioniert wie <code>encodeURI()</code>, aber mit dem Unterschied, dass auch folgende Zeichen kodiert…“)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

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

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.

Vorlage:Iconset

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