Comment soumettre des formulaires sans recharger la page ?

Soumettre des formulaires sans recharger les pages

Vous rencontrez un problème où l'envoi d'un formulaire sur votre site Web de petites annonces entraîne le rechargement de la page. Ce comportement n'est pas souhaitable car il perturbe l'expérience utilisateur. Pour résoudre ce problème, envisagez les approches alternatives suivantes :

Redirection Iframe

Créez une iframe invisible sur la page et définissez l'attribut cible du formulaire sur le nom de l'iframe. Cela redirigera la réponse du formulaire vers l'iframe, empêchant ainsi le rechargement de la page.

<iframe name="votar">

Script côté serveur

Vous pouvez soumettre le formulaire à un serveur -Script latéral, tel que PHP, qui gérera l'envoi du message et redirigera l'utilisateur vers la page actuelle sans rechargement.

Dans le PHP script (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']);
?>

Dans votre formulaire :

<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>

N'oubliez pas de remplacer "tip.php" par le chemin réel de votre script PHP et d'ajuster l'action du formulaire et redirigez l'URL en conséquence.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!