Einfach dynamisch

Teil 3: Tipps & Tricks für Ajax

28.4.2009 von Redaktion pcmagazin und Andreas Hitzig

ca. 1:25 Min

Ratgeber

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.

Ajax: Tipps & Tricks — Die eigene Autocomplete-Funktion per Ajax.

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.