Comment soumettre des formulaires Ajax à l'aide de la méthode $.load() de jQuery et empêcher le rechargement des pages ?

Soumission de formulaire Ajax avec $.load()

La méthode $.load() de jQuery vous permet de charger du contenu externe dans un élément spécifié sans recharger la page entière. Cependant, lors du chargement d'un formulaire à l'aide de $.load(), vous pouvez rencontrer des problèmes avec les soumissions de formulaire qui ne fonctionnent pas correctement.

$.load() et Ajax Form Submission

Par défaut, les formulaires chargés à l'aide de $.load() ne seront pas automatiquement soumis via Ajax. Pour activer la soumission de formulaire Ajax, vous devez utiliser l'option "data" dans la méthode $.load(). L'option "data" permet de transmettre des paramètres au script côté serveur lors du chargement du formulaire.

Exemple :

<br>$('#CenterPièce').load(Lisez ceci, {</p>
<pre class="brush:php;toolbar:false">TestVar: htmlencode(TestVar)

});

Dans cet exemple, le paramètre "TestVar" est passé à "MonsterRequest.php" lorsque le le formulaire est chargé. Le script côté serveur (MonsterRequest.php) peut accéder à ce paramètre en utilisant $_POST['TestVar'].

Évitez le rechargement de la page

Pour empêcher la page de se recharger lorsque le formulaire est soumis, utilisez la méthode "event.preventDefault()" dans l'événement de soumission. handler.

Exemple :

<br>$('form'). soumettre (fonction (événement) {</p>
<pre class="brush:php;toolbar:false">event.preventDefault();
$.ajax({
    type: "POST",
    url: "MonsterRequest.php",
    data: $(this).serialize(),
    success: function(data) {
        // Process server response
    }
});

});

Ce code empêchera la soumission du formulaire à l'aide de la méthode HTTP GET par défaut et enverra à la place le données de formulaire via Ajax. Le script "MonsterRequest.php" traitera les données du formulaire sans recharger la page.

Remarque : S'assurer que le script côté serveur (MonsterRequest. php) gère correctement les requêtes Ajax est crucial. Le script doit utiliser la méthode $_POST pour recevoir les données du formulaire et effectuer tout traitement nécessaire.

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!