Form mit Ajax Post method

BloodSteam · 7. Juni 2018

Hallo,
wie kann Ich die Form an den Server senden (PHP) ohne dass die Seite neu ladet?

Code:

<form action="includes/login.inc.php" method="POST">
   <input type="text" name="uid" placeholder="Username/e-mail">
   <input type="password" name="pwd" placeholder="Password">
   <button type="submit" name="login">Login</button>
</form>

Ich benutze zurzeit Jquery, Ich weiß nicht wirklich wie Ich es machen soll.

RicoBrassers · 7. Juni 2018

Zuerst musst du dir per jQuery die Form greifen, z.B. in dem du der Form eine ID gibst.

Code:

var myForm = $("#myForm");

Die Input-Felder der Form kannst du dir mit Hilfe der Funktion

Code:

var formData = myForm.serialize();

nutzbar machen (Link zur Dokumentation).

Diese formData kannst du dann mit den jQuery Ajax-Funktionen abschicken.

Code:

$.post(url, data)

(Link zur Dokumentation)

Wenn du das Ganze als EventListener auf dem Submit-Button ausführst, darf noch ein

Code:

event.setPreventDefault(true);

nicht fehlen, da deine Form sonst nochmal abgeschickt wird ("normaler Form-Submit").

Form mit Ajax Post method

BloodSteam

Guest

RicoBrassers

Komplett-PC-Aufrüster(in)

Ähnliche Themen