jQuery von Kopf bis Fuß (German Edition)
haben. Seine Gründe für diese Arbeit finden Sie unter http://www.json.org/fatfree.html .
F:
F: Ist JSON nicht einfach JavaScript?
A:
A: Ja und nein. JSON basiert auf einer Untermenge von JavaScript mit dem kryptischen Namen ECMA 262 Third Edition. JSON kann aber von einer Vielzahl von Programmiersprachen für den Austausch von Daten genutzt werden. Eine Liste der Sprachen, die JSON unterstützen, finden Sie unter http://www.json.org/ .
F:
F: Warum kann ich für meine Zwecke nicht einfach JavaScript benutzen, wenn die Syntax von PHP und JavaScript doch so ähnlich ist?
A:
A: Wie schon gesagt, ist PHP eine serverseitige Skriptsprache, die in Ihrem Auftrag mit dem Webserver und Datenbanken interagiert. Der Code wird auf dem Server ausgeführt und erzeugt den HTML-Code, der dann an den Browser zurückgeschickt wird. JavaScript lebt dagegen nur im Browser und interagiert mit der Clientseite .
F:
F: In Ordnung. Und was war PHP noch gleich?
A:
A: PHP (ein rekursives Akronym für PHP: Hypertext Preprocessor) ist eine weitverbreitete, universell einsetzbare Open Source-Skriptsprache. Sie ist besonders für die Webentwicklung geeignet und kann in HTML-Dokumente eingebettet werden.
F:
F: Und wo kommt PHP her?
A:
A: Gute Frage. PHP erblickte 1994 das Licht des Web. Sie wurde von Rasmus Lerdorf als Möglichkeit entwickelt, seinen Lebenslauf online anzuzeigen. Er veröffentlichte den Quellcode 1995, wodurch andere Entwickler den Code erweitern und aktualisieren sowie Fehler beheben konnten. Mittlerweile wird PHP auf über 20 Millionen Websites rund um die Welt eingesetzt.
Entspannen Sie sich
Sie haben Ihr Hirn gerade mit einer Menge neuer Informationen zu PHP, MySQL und JSON befüllt. Als Nächstes wollen wir eine umfangreiche Übung durchführen, um die einzelnen Bausteine zu einem sinnvollen Ganzen zu verbinden. Vorher sollten Sie eine kurze Pause machen, eine Tasse Kaffee trinken, einen Spaziergang machen oder irgendetwas anderes tun, um Ihrem Hirn eine Pause zu gönnen und sich für das Folgende vorzubereiten. Wenn Sie so weit sind, blättern Sie um und legen Sie los!
Lange Übung
Erweitern Sie die Datei meine_skripts.js um eine neue Funktion mit dem Namen
laeufer_db_abfragen
, die die Datei service.php auf dem Server aufruft. Dieser Aufruf sollte ein JSON-Objekt zurückgeben und dann die Anzahl der zurückgegebenen Läufer über eine Warnmeldung ausgeben. Aktualisieren Sie außerdem den
AJAX_aufrufe_starten
-Timer, so dass er anstelle von
XML_lauefer_finden
die neue Funktion aufruft. Abschließend muss die Datei service.php so umgebaut werden, dass die aus der Datenbank gelesenen Daten zu den Läufern JSON-kodiert an das Skript zurückgegeben werden.
Lange Übung Lösung
Die meine_skripts.js -Datei enthält jetzt eine neue Funktion mit dem Namen
laeufer_db_abfragen
, die ihrerseits die Datei service.php auf dem Server aufruft.
Die alte Funktion
XML_lauefer_abfragen
wird nicht mehr gebraucht und kann gelöscht werden. Die neue Funktion
laeufer_db_abfragen
arbeitet mit den von service.php zurückgegebenen JSON-Daten und gibt die Anzahl der Läufer in einer Warnmeldung aus. Außerdem wurde die Timer-Funktion
AJAX_aufrufe_starten
aktualisiert, so dass nun die neue Funktion aufgerufen wird. Auch die Datei service.php hat ein Update erhalten. Sie schickt die aus der Datenbank abgefragten Läuferdaten jetzt JSON-kodiert und aufsteigend nach dem Wert der Datenbankspalte
finish_time
geordnet an den Browser zurück.
Probefahrt
Aktualisieren Sie die Dateien service.php und meine_skripts.js mit dem gerade erstellten Code. Danach öffnen Sie index.html im Browser und navigieren in den Entwicklerwerkzeugen zum »Network«-Tab, um zu beobachten, wie die JSON-Daten geladen werden.
Nicht ganz.
Wir wissen, dass die Daten jetzt im JSON-Format bei unserem jQuery-Programm ankommen. Schließlich haben wir Sie im PHP-Code selbst kodiert. Und jetzt (endllich!) können wir auch einen genaueren Blick auf das JSON-Objekt werfen, um die Daten auszulesen und anzuzeigen.
Auf Daten im JSON-Objekt zugreifen
Mit der PHP-Funktion
json_encode
können wir ein assoziatives Array in ein JSON-Objekt umwandeln. Diese Werte stehen in JavaScript dann wieder als assoziative Arrays zur Verfügung. Wir können also genau wie bei anderen Arrays Schleifen darüber ausführen oder auf andere Weise mit ihnen interagieren.
Bei der Verwendung von XML mussten wir die Daten regelrecht durchsuchen, um den nächsten Läufer zu finden. Danach wurde über eine
Weitere Kostenlose Bücher