Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

JavaScript Grundkurs

Textdateien intelligent auswählen

Testen Sie unsere 2015 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Wenn Sie mit AJAX nur Textdateien vom Server anfordern wollen, können Sie innerhalb von JavaScript eine Auswahl treffen, welche Datei Sie nehmen wollen. In diesem Film sehen Sie, wie Sie das realisieren können.
02:29

Transkript

Sie sehen nun, wie sie rein auf JavaScript Seite unterscheiden können, welche Textdatei Sie per Ajax zum Server anfordern, denn auch wenn Sie rein statisch einen Text anfordern, brauchen Sie nicht auf die intelligente Steuerung und gezielte Auswahl von nachzuladenden Information zu verzichten. Sie müssen nur die Logik im JavaScript führen, wenn Sie auf dem Server programmieren, können Sie dort die Logik führen, aber das kann man auch auf dem Client machen, so wie hier. Wir haben hier eine Webseite mit drei Bildern und je nachdem über welches der Bilder ich rübergehe, wird rechts davon eine unterschiedliche Information angezeigt und diese wird jeweils mit Ajax nachgeladen. Das sehen Sie in einem Sniffer. Es ist also nichts, was ich schon vorher im JavaScript irgendwie über eine Variable, ein RE zwischengespeichert habe, die Grundseite ist nichts weiter, als eine Tabelle mit diesen 3 Bildern und rechts da von einer Spalte, wo ich die Zusatzinformation anzeigen möchte, dazu gibt es ein bisschen CSS, um diese Daten, diese Tabelle aufzubereiten und das ist die Logik mit der ich hier arbeite. Ich erzeuge wieder ein XHR Objekt und die eigentliche Logik hier ist, dass hier, Sie sehen, dass die Funktion send request jetzt ein Parameter hat und bei den Aufrufen, gebe ich auf dem ersten Bild einer Null, auf dem zweiten eine eins und auf dem dritten eine zwei mit und entsprechend entscheide ich hier über Switch Case, ob ich die Textdatei Info 0 Text, Info 1 Text oder info 2 Text anforderere. So, wie ich momentan diesen Parameter wähle und die Namen der Dateien gewählt habe, könnte ich das sogar in einer open-methode Machen, indem ich eine Stringverkettung zwischen info, den Wert von i und der Dateierweiterung.txt vornehmen würde. Mit einer Switch Case ist es, aber etwas allgemeiner und auch dann zu verwenden, wenn die angeforderten Dateien eben nicht dieser Logik genügen, ansonsten sehen Sie, dass ich hier noch ein bisschen was mache, wenn ich mit dem Mauszeiger aus dem Bild raus gehe. Ich leere alle diese Anzeigebereiche und da mache ich auch so eine Stringverkettung hier für die IDs, aber das ist eigentlich nur JavaScript Logik und nicht allzu spannendes, spannend in Hinsicht auf Ajax meine ich jetzt natürlich

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...
 
Hersteller:
Software:
Exklusiv für Abo-Kunden
Ihr(e) Trainer:
ISBN-Nummer:978-3-8273-6396-1
Erscheinungsdatum:26.01.2012
Laufzeit:8 Std. 20 min (134 Videos)

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!