Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript Grundkurs

HTML-Fragmente mit AJAX nachfordern

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Im Video sehen Sie, dass sich die Anforderung von HTML-Fragmenten so gut wie gar nicht von der Anforderung einer reinen Textdatei unterscheidet. Man kann aber damit die angezeigten Daten bereits über das Übertragungsformat formatieren und strukturieren.
03:04

Transkript

Sie sehen nun, was Sie beachten müssen, wenn Sie HTML Fragmente per Ajax zum Server nachfordern und in die Webseite einbauen wollen. Schauen Sie sich dieses Beispiel mal an. Ich klicke hier auf die Schaltfläche, fordere mit Ajax Daten nach, aber wie Sie sehen, wird die Antwort mit einem roten Hintergrund versehen und der Text noch ist doch irgendwie größer. Es scheint eine Überschrift zu sein und wenn man mit der rechten Maustaste hier drauf klickt und das untersucht, dann sehen Sie, dass es eine Überschrift der Ordnung H2 und ich habe hier ein inline Style, um den Hintergrund zu formatieren. So wird das gemacht. Ich erzeuge ein XHR Objekt, initialisiere mit Open eine Verbindung, binde eine Funktion an die Antwort, und verwerte die Antwort und wenn Sie das vergleichenden mit dem Nachfordern einer reinen Textdatei ohne HTML Fragmente, dann wären Sie nicht den geringsten Unterschied sehen, aber hier sehen Sie einen Unterschied. In der Textdatei sind HTML Elemente reigeschrieben und das ist fast das gesamte Geheimnis. Allerdings wenn Sie richtig hingehört haben, fast. Es muss auf ein paarDetails geachtet werden. Sie sollten niemals eine vollständige HTML-Seite per Ajax nachfordern, denn Sie haben hier bereits ein Grundgerüst und wenn Sie hier in dieses Grundgerüst ein weiteres Grundgerüst bauen, das kann nich gut gehen. Prinzip der Fehlertoleranz wird zwar einiges kompensieren, aber es wird ein nicht sauberer Zustand sein. Zweitens die Dateierweiterung ist hier txt. Bei einigen Servern ist es notwendig, dass Sie hier auch HTML hinschreiben, obwohl Sie keine vollständige HTML-Seite fordern. Das kann man nicht so universell sagen, das müssten Sie bei Ihrem Provider ausprobieren, ob er mit der Dateierweiterung txt besser zurechtkommt, oder mit HTML. Es hängt dann an dem Mime Type, der vom Server gesendet wird. Das ist nichts, was Sie auf Clientseite per JavaScript beanschlüseln können. Das hängt wirklich an ihrem life-projekt. Das sollten Sie gegebenenfalls ausprobieren und Punkt 3 betrifft das Nachfordern von Skripten, das heißt wenn Sie hier einen Scriptbefehl reinbauen, dann kann das zu einigen interessanten Reaktionen führen. Einige browser werden diese Scripte sogar ausführen, wenn Sie die mit innerHTML Seite schreiben, andere Browser eben nicht. Ich würde davon Abstand nehmen. Ich rate davon also grundsätzlich ab, ansonsten haben Sie wirklich alles gesehen, wie Sie jetzt HTML Fragmente nachladen und in die Seite einbauen können und da können Sie nachladen, was immer Sie wollen; ganze Tabellen, Divs, Überschriften, Spamelemente. Was auch immer fehlt, bereiten Sie in dieser Textdatei so weit vor und schieben das einfach in eine bestehende Webseite hinein. Eine Menge der Leistungsfähigkeit von Ajax lässt sich alleine dadurch nutzen, indem Sie genau so etwas machen. Textdateien mit HTML Fragment, möglicherweise noch mit einer intelligenten Steuerung, welche Textdateien Sie haben wollen, über Parametern in der set request Methode und Sie können viele viele Aufgaben aus dem Ajax Umfeld bereits lösen.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!