[PHP] Tabellen dynamisch aktualisieren/nachladen mittels AJAX

G

gregAT

Grünschnabel
Hallo!

Ich arbeite derzeit an einem in PHP realisiertem Web-Projekt. Ich würde gerne mittels AJAX eine Ausgabetablle (enthält Daten einer MySQL Datenbank) dynamisch nachladen, damit meine Ich:

Datensätze löschen (aus der tabelle & db entfernen und alle nachfolgenden um eine Zeile nach oben rücken)
Datensätze einfügen (In die tabelle & db schreiben und alle nachfolgenden Datensätze um eine Zeile nach unten verschieben)
Paging (also Blättern)
Sortierkriterium ändern (vergleichbar mit dateisortierung im Windows-Explorer nach Name, Größe, Dateiendung, etc.)

Wie oben schon erwähnt soll dass ganze mit AJAX oder einer vergleichbaren Technik funktionieren, ohne dass jedesmal die ganze Seite neu geladen wird.

Hat soetwas schon mal jemand gemacht? Was wären eure Ansätze dieses Problem zu lösen? ?(

LG
 
AJAX ist mit Prototype [1] recht leicht zu lösen.

Dann könnte man die Tabelle in einen div packen und bei jeder Änderung die komplette Tabelle neu laden lassen. Das wäre der einfachste weg.
Ist die Tabelle zu groß, musste halt mit DOM die einzelnen Tabellenzeilen manipulieren [2]. Ansonsten sieht der Reload hässlich aus. Ist recht einfach wenn man jeder <tr> eine ID gibt.

[1] http://www.prototypejs.org/
[2] http://www.php.de/javascript-ajax-und-mehr/61345-erledigt-tabellenzeile-erstellen-und-loeschen.html

//edit
Serverseitig könntest Du mit json arbeiten. Ist einer der einfachsten Wege Daten Javascript-fähig zu liefern.
 
Zuletzt bearbeitet:
Ich denke dass die Lösung mit der neuen Tabelle die bessere ist, zumal die Tabelle nur irgendwas zwischen 30-50 Zeilen max 5 Spalten hat.

Die DOM Lösung (die ich schon mal ausprobiert habe) scheint mir doch etwas "unsauber" und vorallem wirds ziemlich schnell unübersichtlich. JSON war mir noch kein Begriff - danke für den Tip! ;)
 
json muss man PHP-Seitig erst noch installieren. Habe da mal drüber gebloggt [1].
Auf der JavaScript-Seite liefert dann Prototype [2] eine Methode um den json Code in Javascript Objekte umzuwandeln. Dann kann man die ganz einfach weiter verwenden.

So kann man zum Beispiel die Antwort auf das AJAX Request in Status und Content aufteilen. Eigentlich eine praktische Geschichte. ;)

[1] http://blog.sim4000.de/json_in_php_installieren/entry/177/
[2] http://www.prototypejs.org/learn/json

danke für den Tip!
np. Ich freue mich immer wenn ich auch mal helfen kann. :)
 
Zurück
Oben