Teil 3: Tipps & Tricks für Ajax
Datenbankzugriff
Nachdem Sie im vorherigen Beispiel mit einem Array gearbeitet haben, kommt als nächstes eine MySQL-Datenbank als Informationsquelle zum Einsatz. Dabei sollen für einen beliebigen Spieler des FC Bayern München Daten geladen und angezeigt werden.
© Archiv
Die Datenbank ist recht einfach gehalten und beinhaltet folgende Felder nach dem Schema Feldname / Typ / Länge:
Vorname / VarChar / 50 Nachname / VarChar / 50 Spielernr / VarChar / 5 Position / VarChar / 20 Saison / VarChar / 10
Für den Anfang wurden die Daten der Spieler Rensing, Sagnol, Ribery und Toni hinterlegt. Diese Namen stehen nun auch auf der Einstiegsseite in einer Dropdown-Box als Auswahl zur Verfügung.
<form>Wählen Sie
einen Spieler aus:<select
name="users" onchange="zeigeSpieler(this.value)"><option value="Rensing">Rensing</option><option value="Sagnol">Sagnol</option><option value="Ribery">Ribery</option><option value="Toni">Toni</option></select></form> Die Darstellung des Ergebnisses erfolgt über ein zusätzliches Textfeld mit der ID txtHinweis.
<p><div id="txtHinweis"><b>Spielerinformationen werden an dieser Stelle angezeigt.</b></div></p> Alle weiteren Aktionen finden in dem hinterlegten Skript ermittlespieler.js statt, welches im Wesentlichen dem Beispiel hinweis.js aus dem vorherigen Beispiel gleicht.
Die eigentlichen Änderungen finden im PHP-Skript statt, das nun anstelle auf ein Array eine Abfrage an eine MySQL-Datenbank absetzt.
$connection = mysql_connect
('localhost', 'benutzername', 'passwort');
if (!$connection)
{
die('Verbindung zur Datenbank
fehlgeschlagen: ' . mysql_error());
}
mysql_select_db("Datenbankname",
$connection);
$sql="SELECT * FROM spieler WHERE
Nachname like '".$q."'";
$erg = mysql_query($sql); Dazu wird im ersten Schritt eine Verbindung definiert, welche die Datenbank-URL, den Benutzernamen und das Passwort für den Zugriff auf die Datenbank enthält. Mit diesen Informationen wird geprüft, ob eine generelle Verbindung zum Datenbank-Server aufgebaut werden kann.
