• Hallo Gast, du kaufst gerne günstig ein und erfährst oft vor deinen Freunden von interessanten Angeboten? Dann kannst du dein Talent als Schnäppchenjäger jetzt zu Geld machen und anderen PCGH-Lesern beim Sparen helfen! Schau einfach mal rein - beim Test der Community Deals!

Form mit Ajax Post method

B

BloodSteam

Guest
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.
 
Zuletzt bearbeitet:

RicoBrassers

Komplett-PC-Aufrüster(in)
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").
 
Oben Unten