HTML Frage, Formular und Modal

[Domi83]

Hallo Leute, ich hätte da mal nach längerer Zeit wieder eine kleine HTML / PHP (oder vielleicht eher CSS) Frage.
Es geht dabei um dieses Beispiel, ich habe etwas ähnliches für einen guten Freund von mir in einem internen Bereich seiner Homepage gebaut. Er wollte einfach eine Auflistung seiner Kunden mit ein paar Informationen haben, wo er und sein Kollege drauf zugreifen kann.

Soweit so gut, dass ist ja erst einmal alles keine Hürde, einfach via PHP die Daten aus einer MySQL Datenbank abrufen, mittels Schleife ausgeben, fertig ist. Nun hat er in der ersten Spalte (also vor den Daten) ein Icon, wenn man nun dort drauf klickt, kommt man in die Bearbeiten Maske... Diese wird via modal ausgegeben. Schön ist anders (bin kein Designer), aber funktionell wäre es.

Wenn man nun wie in dem Beispiel von w3schools.com oder auch bei ihm auf "absenden" klickt, wird die Seite komplett neu geladen. Der Wunsch wäre jetzt natürlich, man klickt auf "absenden", die Daten werden gespeichert und dieses "modal" geht einfach zu.

Meine Vermutung ist nun, dass muss ich wohl mit JavaScript oder jQuery realisieren, richtig? Gibt es für solch ein Verhalten auch einen Begriff wonach ich suchen kann?! Beispiele wäre da nämlich sehr hilfreich

Gruß, Domi

 

[Lawnmower]

AJAX Form POST.

 

[Madman1209]

Hi,

Stichwort ist AJAX

VG,
Mad

 

[Domi83]

Ah... Wald vor lauter Bäumen und so... JavaScript und jQuery hatte ich bedacht, aber an AJAX hab ich gar nicht mehr gedacht. Mit "ajax post form modal" habe ich bei Google etwas gefunden und glaube da sind passenden Beispiele bei

Hätte man ja auch mal selbst drauf kommen können...

 

[Joshinator]

Je nachdem wie die Seite im Moment funktioniert wäre es unnötig nur für einen HTTP-Aufruf die gesamte jQuery Library (selbst der "ajax-only" Teil von jQuery ist nicht wirklich klein weil er eng im jQuery-Framework eingebunden ist) zu benutzen.
Die fetch()-API ist in so ziemlich jedem halbwegs modernem Browser benutzbar ( Browser Unterstützung ) und ziemlich einfach nutzbar. Je nachdem welche Browser du unterstützen musst ist das vielleicht keine Option für dich.

 

[psYcho-edgE]

Die fetch()-API ist in so ziemlich jedem halbwegs modernem Browser benutzbar ( Browser Unterstützung ) und ziemlich einfach nutzbar.

Oh, die kannte ich noch gar nicht. Hab bisher immer das gute, alte XMLHttpRequest-Objekt genutzt. Danke