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>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">TestVar: htmlencode(TestVar)

Copier après la connexion

});

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>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">event.preventDefault();
$.ajax({
    type: "POST",
    url: "MonsterRequest.php",
    data: $(this).serialize(),
    success: function(data) {
        // Process server response
    }
});

Copier après la connexion