Java Reference
In-Depth Information
gefügt werden. Die Aufbereitung der Daten erfolgt in diesem Fall vollständig auf dem Server
und der Client zeigt die fertigen Daten nur unverändert (maximal in gewisser Weise forma-
tiert) an.
HInWEIS:
Beachten Sie, dass Sie bei AJAX niemals eine vollständige Webseite
nachfordern sollten. Das Grundgerüst der nachgeladenen Webseite würde unter
Umständen zu Komplikationen führen, wenn es in ein bestehendes Grundgerüst
eingefügt und vom Browser interpretiert wird. Ebenso sollten Sie beachten,
dass bei AJAX keine binären Dateien direkt nachgefordert werden. Wenn Sie
Bilder oder andere binäre Ressourcen nachladen wollen, fordern Sie per AJAX
nur die Referenzen auf diese binären Ressourcen an. Der Browser fordert die
neuen binären Ressourcen dann über die Referenzen als neue Anfrage vom
Webserver nach. Das XHR-Objekt stellt keine Methoden oder Eigenschaten zur
Verfügung, um direkt mit binären Ressourcen umzugehen. Das wäre auch unsin-
nig. Wobei es rein theoretisch die Möglichkeit gäbe, in sogenannten CDATA-
Bereichen von XML binäre Daten unterzubringen und damit per AJAX anzufor-
dern. Aber auch das wäre in der Regel der falsche Weg.
Wenn Sie XML- oder JSON-Daten zum Client schicken, müssen Sie diese dort verarbeiten.
XML-Daten werden dann im Client als
node
-Objekt verfügbar gemacht und können dort
verarbeitet werden. Dabei wird JSON konsistenter und problemloser in den verschiedenen
Browsern verarbeitet als XML. Allgemein ist es derzeit aber ot die bessere Lösung, wenn
man - insbesondere bei kleineren AJAX-Applikationen - keinerlei Geschätslogik zur Inter-
pretation der übertragenden Daten auf den Client verlagert.
10.6.1■Eine reine Textdatei mit AJAX nachfordern
Um eine reine Textdatei, die vom Webserver zum Download als statische Datei bereitgestellt
wird, per AJAX nachzufordern, muss in der
open()
-Methode bloß eine Referenz auf den
URL der Datei notiert werden. Das nachfolgende Beispiel fordert eine statische Textdatei
vom Server an, wenn ein Anwender auf einen Button klickt
(kap10_1.html)
, und baut den
Inhalt einfach in die Webseite ein:
Listing 10.4■
Eine einfache Webseite mit einem Button und einem leeren <div>-Container
...
<link rel="stylesheet" type="text/css" href="lib/css/kap10_1.css" />
<script src="lib/js/erzeugeXHR.js" type="text/javascript"></script>
<script src="lib/js/kap10_1.js" type="text/javascript"></script>
</head>
<body>
<h1>Frage den weisen Mann</h1>
<button id="frage">Was ist das Geheimnis ewiger Jugend?</button>
<div id="antwort"></div>
</body>
</html>
Search WWH ::
Custom Search