Maison > interface Web > js tutoriel > Comment puis-je soumettre un formulaire sans recharger la page sur mon site Web de petites annonces ?

Comment puis-je soumettre un formulaire sans recharger la page sur mon site Web de petites annonces ?

Barbara Streisand
Libérer: 2024-12-22 22:01:15
original
466 Les gens l'ont consulté

How Can I Submit a Form Without Reloading the Page on My Classifieds Website?

Soumettre des formulaires sans rechargement de page

Dans le contexte d'un site de petites annonces, vous êtes confronté au défi de créer un "Envoyer un pourboire à un ami" sans recharger la page. Le formulaire que vous avez fourni comprend des champs de saisie et un bouton d'envoi pour envoyer un pourboire à une adresse e-mail.

Pour empêcher le rechargement de la page après la soumission du formulaire, vous pouvez utiliser un élément iframe en conjonction avec l'attribut cible du formulaire. Essentiellement, vous redirigerez la réponse du formulaire vers l'iframe.

Mise en œuvre :

  1. Incluez un élément iframe dans votre page avec un nom unique et réglez son affichage sur "aucun" pour le masquer view :

    <iframe name="votar">
    Copier après la connexion
  2. Modifiez votre formulaire pour rediriger la réponse vers l'iframe à l'aide de l'attribut target :

    <form action="tip.php" method="post" target="votar">
        <!-- Form elements here -->
    </form>
    Copier après la connexion

En utilisant ceci Dans cette approche, le formulaire sera soumis sans recharger la page et la réponse du script PHP sera affichée dans l'iframe masquée. Cela vous permet d'envoyer le pourboire sans interrompre l'expérience de navigation de l'utilisateur.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal