Heim >Web-Frontend >js-Tutorial >Wie kann ich Formulare einreichen, ohne die Seite neu laden zu müssen?
Formulare einreichen, ohne Seiten neu zu laden
Sie stoßen auf ein Problem, bei dem eine Formularübermittlung auf Ihrer Kleinanzeigen-Website dazu führt, dass die Seite neu geladen wird. Dieses Verhalten ist unerwünscht, da es das Benutzererlebnis beeinträchtigt. Um dieses Problem zu beheben, ziehen Sie die folgenden alternativen Ansätze in Betracht:
Iframe-Umleitung
Erstellen Sie einen unsichtbaren Iframe auf der Seite und legen Sie das Zielattribut des Formulars auf den Namen des Iframes fest. Dadurch wird die Antwort des Formulars an den Iframe umgeleitet, wodurch verhindert wird, dass die Seite neu geladen wird.
<iframe name="votar">
Serverseitiges Scripting
Sie können das Formular an einen Server senden lassen -seitiges Skript wie PHP, das das Versenden der Nachricht übernimmt und den Benutzer ohne Neuladen zurück zur aktuellen Seite weiterleitet.
Im PHP-Skript (tip.php):
<?php // Get the form data $tip_email = $_POST['tip_email']; $ad_id = $_POST['ad_id']; // Send the tip email // Redirect back to the current page without reloading header('Location: ' . $_SERVER['HTTP_REFERER']); ?>
In Ihrem Formular:
<form name="tip" method="post" action="tip.php"> Tip somebody: <input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);" /> <input type="submit" value="Skicka Tips" /> <input type="hidden" name="ad_id" /> </form>
Denken Sie daran, „tip.php“ durch den tatsächlichen Pfad zu Ihrem PHP-Skript zu ersetzen und die Formularaktion anzupassen URL entsprechend weiterleiten.
Das obige ist der detaillierte Inhalt vonWie kann ich Formulare einreichen, ohne die Seite neu laden zu müssen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!