HTML-Formular ohne Neuladen der Seite (PHP/JavaScript)?

Ich will ein Formular auf einer Seite haben, dessen Ergebnisse in eine Datenbank gespeichert werden, bei Submit das Formular verschwindet und ein Text angezeigt wird, aber trotzdem soll die Seite nicht neugeladen werden.

Kann mir jemand helfen?

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

DerFalke123

17.10.2018, 23:16

Das geht via AJAX. Über einen Eventlistener für den submit-Button kannst du eine JavaScript-Funktion aufrufen, welche dann die Werte aus den Formularfeldern ohne reload an den Webserver schickt.

Wie man mit AJAX umgeht ist hier relativ gut erklärt:

https://www.w3schools.com/xml/ajax_intro.asp

Das Formular kannst du einfach ausblenden, indem du z.B. mittels JavaScript die CSS-Eigenschaft ,,display" auf ,,none" setzt.

Mit freundlichen Grüßen

DerFalke123

KarlRanseierIII

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren

17.10.2018, 23:14

Grundlegender Ablauf:

SubmitButton-Event wird auf Javascript umgeleitet.

Javascript führt asynchronen Request aus udn übermittelt die Daten.

Sobald erfolgreich erledigt wird via DOM das Formular aus dem BAum entfernt und der gewünschte Text eingefügt.

XGamer11208

18.10.2018, 10:15

Synchron wäre doch besser, falls Fehler auftreten?
Dann verschwindet die Form genau dann, wenn die Anfrage erfolgreich war.

Hab da vielleicht andere ansichten

KarlRanseierIII

18.10.2018, 13:56

@XGamer11208

Ist doch vollkommen Latte, ich aktualisiere das Dokument (Form ausblenden und Ergebnis einblenden) dann, wenn alles erfolgreich geschafft wurde. Egal, ob ich nun aktiv auf die Antwort warte, oder ob ich noch andere Dinge nebenläufig erledige.

Wie verbinde ich bei meinem Formular den erfolgreichen Submit button, also wenn die Email erfolgreich vom Php script per Mail gesendet wurde mit einem PopUp. Kein neue Seite sondern ein PopUp der aufploppt und berichtet dass das Formular abgesendet wurde oder dass es Fehlgeschlagen ist

...zur Frage

Mit Ajax und PHP Datensatz in MySQL-Datenbank eintragen?

Hallo liebe Community!

Ich versuche gerade eine "Speicher-Funktion" zu schreiben, die mithilfe von Ajax direkt Daten an den Server schickt und dann mittels PHP in die Datenbank speichert. Das ganze soll jedoch ohne Verlassen der Seite geschehen, sprich ein Klick auf Speichern verursacht kein Neuladen der Seite. Habe jedoch ein Problem, denn der Inhalt der gespeichert werden soll befindet sich nicht direkt in einem Formular sondern ist bereits aus der Datenbank in ein

mit (attr) contenteditable="true" geladen worden. Seht ihr hier eine Lösungsmöglichkeit, die ich evt. nicht bedacht habe? Danke schon mal.

...zur Frage

PHP + SQL - PHP Registrierung?

Hi, suche einen Code, der in einer bestehenden Tabelle einer MySQL Datenbank Variablen einführt... Als Beispiel Nickname und Kennwort. Dazu halt ein HTML Formular...

...zur Frage

Datenbank in HTML einbinden?

Hallo,

Ich soll eine My SQL Datenbank in einer HTML Seite einbinden. Desweiteren soll ich Ajax und Javascript benutzen.

Ich habe mich die letzten Tage in PHP usw... eingelesen und viel getestet aber es klappt nicht.

Entweder wird mir der PHP Code angezeigt oder der Code klappt gar nicht. Ich habe beide Dateien in der htdocs Datei von Xampp gespeichert.

Könnte mir jemand helfen?

Ich benutze Xampp für die Datenbank und Atom fürs Programmieren.

Ich kann problemlos eine HTML Seite mittlerweile erstellen aber ich bekomme die Datenbank Abfrage seiten Benutzer nicht hin und das die Datenbank mir Datensätze anzeigt.

Ich danke.

...zur Frage

HTML/Javascript Wert speichern ohne Server?

Sagen wir mal meine Aufgabe ist es eine Webseite zu erstellen mit einem Counter, drückt man drauf zählt er hoch. 0->1->2->3>-4>-5->...

Der Wert soll aber gespeichert werden, wenn die nächste Person diese Seite aufruft, soll der Counter nicht wieder bei 0 anfangen, sondern da wo die anderen Personen aufgehört haben.

Das Problem: ich darf NUR HTML, CSS und Javascript benutzen.

Geht das überhaupt ohne PHP, Datenbank oder ähnlichem?

Ich hab gelesen es gibt Local Storage von HTML5 und es gibt Cookies, aber die sind nur für den Benutzer lokal und bringt mir nichts, soweit ich das verstanden habe.

Könnte ich irgendwie die Werte in einer Text Datei speichern und die Text Datei mit HTML oder Javascript wieder auslesen?

...zur Frage

Sollte man nach HTML/CSS nicht lieber PHP lernen, weil man damit die Formulare auf einer Webseite funktionstüchtig machen kann?

Weiß gerade nicht, was ich nach HTML und Css lernen soll... PHP oder Javascript.

Mit dem HTML und CSS kurs bin ich ja bald fertig. Aber wenn man zum Beispiel Formulare in die Seite einbaut, kann man sie doch ohne eine Programmiersprache nicht wirklich benutzen...

Ich hoffe ihr habt verstanden, was ich meine... Danke :)

...zur Frage

PHP variable in Echtzeit anzeigen?

Hi. Ich hatte vor in einem PHP Projekt von mir eine Variable von einer Datenbank in Echtzeit anzeigen zu lassen. Gegebenenfalls kann man dafür auch JavaScript verwenden, allerdings soll eine PHP Variable in Echtzeit auf der Seite sein. Also sollte sich die Variable in der Datenbank ändern, so sollte auch ohne dass man die Seite aktualisiert der Aktuelle Wert der Variable erscheinen. Wie das ganze geht weiß ich aber leider nicht.

Ich hoffe jemand kann mir da bei meinem Problemchen helfen. Ich bin für jede Antwort dankbar. LG :)

...zur Frage

Variable in HTML Formular Dropdown übergeben?

Hallo zusammen,

ich möchte ein HTML Formular mit einem Dropdown Menü erstellen, wo man mit einer Text Eingabe eine Auswahlmöglichkeit zum Drop Down Menü hinzufügen können soll.

Also Bsp.: Ich habe eine Auswahl von 3 Optionen im DropDown, dann gibt der User in ein eingabe Feld eine weitere Option ein, drückt submit und hat dann 4 Optionen zur Auswahl, eine davon von ihm selbst.

Hoffe ihr könnt mir weiterhelfen:)

...zur Frage

Seite wird bei Weiterleitung nicht richtig angezeigt?

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zur Frage

HTML/Javascript Kontaktformular?

Wie kann ich ein html Formular, erstellen welches mittels Javascript ausgelesen wird und als Objekt auf der Konsole ausgegeben wird nach einem "submit"?

Also ich möchte das Formular auf meiner Webseite als Kontaktformular benutzen, ist eine Uni aufgabe

...zur Frage

Website-Änderungen werden nicht angezeigt wegen Browser-Cache?

Hallo zusammen,

ich habe folgendes Problem:

Ich hoste meine Website bei Ionos. Dort habe ich meine Codes (HTML, CSS, JavaScript und PHP) im Webspace abgelegt, der mit der Domain verbunden ist.

Nun habe ich an der Website Änderungen vorgenommen und z.B. eine mobile Ansicht implementiert. Ich habe die alten Code-Dateien überschrieben.

Auf der Website werden diese Änderungen aber nicht angezeigt, wenn man die Website vor kurzem bereits besucht hatte, da der Browser-Cache die alten Daten noch gespeichert hat.

Gibt es hier eine Möglichkeit, das zu verhindern und für die Nutzer direkt die neue Version anzeigen zu lassen?

Ich danke für eure Rückmeldungen :)

...zur Frage

Vokabeltrainer in Javascript?

Wie kann ich einen Vokabeltrainer ohne Datenbank oder PHP, am besten in Javascript (+ Html & css) Programmieren?

...zur Frage

JavaScript: Ajax: Weiterleitung bei success?

ich habe ein normales HTML-form und ajax dahinter mit einer div wo text ausgegeben wird. bei Erfolg soll jetzt aber eine weiterleitung stattfinden, wie mach ich das ? einfach mit header in der php-datei geht ja nicht...

...zur Frage

Php function von HTML aufrufen?

Ich will mit js in einer js function eine php function aus einer php file ausführen die mit Parameter aus der html Daten an meine Datenbank verschickt

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen