Das DOM – das Mysterium der JavaScript-Welt - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 236

ren Webseiten benötigen, können Sie diesen auf verschiedene Weise beim Wechsel einer
Seite weitergeben:
1. Sie können mit einem Cookie arbeiten. So gehen viele Websites vor und wir haben Coo-
kies ja behandelt. Aber Cookies sind ot deaktiviert.
2. Sie können mit den neuen Möglichkeiten von HTML5 (Local Data Storage und Session
Data Storage) arbeiten, die wir im Kapitel mit den erweiterten JavaScript-Techniken sehen
werden. Nur wird HTML5 noch geraume Zeit nicht bei allen Besuchern verfügbar sein.
3. Sie weisen den Wert einer Variablen einem Formularfeld (am besten versteckt) zu und
schicken ihn zum Server. Wenn Sie sowieso Daten in einem Formular entgegennehmen,
ist das besonders naheliegend. Oder Sie schicken direkt die Variablenwerte zum Server.
Der Server gibt den Wert dann zurück in die neue Seite. Die Lösung erfordert aber, dass
Sie eben auch auf Serverseite programmieren können.
4. Sie hängen den Wert der Variablen samt einem Bezeichner an den URL der neu aufgeru-
fenen Seite an. Damit können Sie diese Werte auch in Lesezeichen speichern.
Mit der vierten Variante sind wir genau beim Thema, das wir jetzt angehen. Uns interessiert
dazu die Eigenschat search , denn darin steht normalerweise der Inhalt von Suchabfragen
inklusive dem vorangestellten Trennzeichen ? . Der Suchstring besteht aus Variablen und
Wertepaaren, jedes Paar durch & getrennt.
Angenommen, Sie wollen nun die Variable antwort mit dem Wert 42 an die Datei zwei.html
übergeben, müssen Sie nur einen Link (hier relativ) so zusammensetzen:
Listing 8.32■ Das Anhängen einer Variablen an den URL
zwei.html?antwort=42
Dieses Zusammensetzen des URL können Sie natürlich von Hand vornehmen. Dabei müs-
sen Sie jedoch beachten, dass Sie Sonderzeichen maskieren, denn diese sollten nicht direkt
in einem Pseudo-URL verwendet werden. Dazu gibt es die Standardfunktionen escape() ,
encodeURI() oder encodeURIComponent() . Am besten eignet sich encodeURIComponent() .
Aber wenn Sie mit einem kleinen Trick arbeiten, brauchen Sie sich die Arbeit des Maskie-
rens und des manuellen Zusammensetzens des Pseudo-URL gar nicht zu machen. Verwen-
den Sie einfach versteckte Formularfelder, die mit den zu übergebenden Werten gefüllt
werden, und rufen Sie eine Folgeseite mit der submit() -Methode und der Versandmethode
get sowie der Angabe der Zieldatei im action -Parameter auf. Dann wird der Browser auto-
matisch die übergebenen Daten maskieren (bei modernen Browsern in der Regel mit
encodeURIComponent() ).
Ein Beispiel zur Übergabe von Werten
Betrachten wir eine Seite, in der Variablen mit gewissen Werten versehen werden, die dann
an eine neue Seite weitergereicht werden sollen (kap8_15_1.html):
Listing 8.33■ Übergabe von zwei Variablenwerten an eine neue Seite mit versteckten Feldern
...
<script type="text/javascript">
var a = Math.random();
var b = "ß%$§&";