Einfach dynamisch

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.

Ajax: Tipps & Tricks

© Archiv

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.

Mehr zum Thema

Netflix
Streaming

Preise, kompatible Geräte, Datenrate, Serien- und Filmangebot von Netflix: Wir beantworten die wichtigsten Fragen rund um den Streaming-Dienst.
Amazon Blitzangebote
Technik-Deals

Die Highlights der Amazon Blitzangebote - heute mit Sennheiser-Headset, Xbox-One-Tagesangeboten, Asustor-NAS, Powerline-Set und mehr.
Tipps zum leisen PC
Tipps und Tricks

Die Komponenten eines PCs erzeugen Hitze. Lüfter sorgen meist für eine lästige Geräuschkulisse. Mit unseren Tricks wird Ihr PC flüsterleise.
SSD Mythen Tipps
Solid State Disk

SSD-Tuning - was ist wahr, was ist falsch? Wir verraten, welche SSD-Mythen Sie vergessen können und welche Tipps wirklich helfen.
Urlaubsbilder
Fotografieren im Sommer

Von Sommerlicht bis Sonnernuntergang: Unsere 7 Tipps verraten, wie Sie Urlaubsfotos richtig machen und schöne Bilder mit nachhause bringen.