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
Freigeben: 2024-12-22 02:23:11
Original
558 Leute haben es durchsucht

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">
Nach dem Login kopieren

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']);
?>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage