Heim >Web-Frontend >js-Tutorial >Wie kann ich Formulare einreichen, ohne die Seite neu laden zu müssen?

Wie kann ich Formulare einreichen, ohne die Seite neu laden zu müssen?

Barbara Streisand
Barbara StreisandOriginal
2024-12-22 02:23:11490Durchsuche

How to Submit Forms Without Page Reloading?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn