Teil 6: Tipps & Tricks für Ajax
Wie Sie erkennen, wurde auch bereits die Ordnerstruktur angepasst und anstelle von Ländern drei Fußball-Mannschaften auf oberster Ebene angezeigt. Inhalte laden Der Zugriff auf die Datenbank erfolgt in der Datei writeNode.php. Da dort eine Reihe von Eingriffen notwendig ist, wird mit einer Kop...
Wie Sie erkennen, wurde auch bereits die Ordnerstruktur angepasst und anstelle von Ländern drei Fußball-Mannschaften auf oberster Ebene angezeigt.
Inhalte laden
Der Zugriff auf die Datenbank erfolgt in der Datei writeNode.php. Da dort eine Reihe von Eingriffen notwendig ist, wird mit einer Kopie unter dem Namen writeNode_1.php gearbeitet. Für den korrekten Zugriff auf die neue PHP-Datei müssen Sie in der Datei folder-tree-static.js im Verzeichnis js die Variable ajaxRequestFile entsprechend anpassen.
Als Erstes bauen Sie eine Verbindung zum Datenbankserver und der darauf eingerichteten Datenbank auf.
$connection = mysql_connect
('<dbserver>', '<db_user>', <pw>');
if (!$connection) {
die('Verbindung zur Datenbank
fehlgeschlagen: ' . mysql_error());
}
mysql_select_db("<dbname>",
$connection);Die Werte in eckigen Klammern müssen Sie durch Ihre eigenen Daten ersetzen.
In der nächsten Ordnerebene sollen vier Kategorien und somit technisch gesehen Verzeichnisse erstellt werden, auf welche die Spieler anschließend aufgeteilt werden: Torhueter, Abwehrspieler, Mittelfeld und Sturm.
Diese werden der obersten Ebene über die parentID zugeordnet, also für den FC Bayern alle Einträge, die mit einer 1 beginnen. Die nächste Ebene mit den Spielerpositionen erhält dann einen fortlaufenden Zähler - die Torhüter haben somit die ID 11.
Diese Hierarchiestufen werden anschließend über einen switch-Befehl ausgewertet und für die zweite Ebene entsprechend der Datenbankzugriff definiert:
<?
break;
case "11":
?><?php
$sql="SELECT * FROM spieler WHERE
Zuordnung = '11'";
$erg = mysql_query($sql);
while($inf = mysql_fetch_
array($erg)){
echo "<li class=\"dhtmlgoodies_sheet.
gif\"><a href=\"#\">".$inf["Vorname"]." ".$inf["Nachname"]."</a></li>";
}
?>Auf der Datenbank werden alle Spieler mit der Zuordnung 11 gesucht und im Array erg$ zwischengespeichert. Anschließend werden über eine Schleife für alle Einträge ein Listenelement generiert, dieses mit der Klasse dhtmlgoodies.gif versehen und ausgegeben.
Mithilfe von CSS wird so als Symbol ein Blatt angezeigt und dahinter der Vorname und Nachname des Torhüters. So können Sie analog auch für die anderen Spieler vorgehen und auch Spieler anderer Vereine ausgeben.
Planen Sie, mehrere Ebenen von der Datenbank zu laden, fügen Sie der ersten while-Schleife eine weitere Datenbankabfrage mit dem entsprechenden Abfragekriterium hinzu und geben Sie die Ergebnismenge über eine zweite while-Schleife wie im ersten Fall aus.
