Pourquoi les requêtes Ajax sont-elles soumises plusieurs fois en un seul clic ?

Cette fois, je vais vous expliquer pourquoi les requêtes Ajax sont soumises plusieurs fois en un seul clic. Quelles sont les précautions pour les requêtes Ajax qui sont soumises plusieurs fois en un seul clic. Ce qui suit est un cas pratique, voyons. jetez un oeil. Le type du bouton

dans la page est soumettre :

La requête ajax dans JQuery est :

$(function () {
$('#submit').click(function () {
var createGenreForm = $('#createGenreForm');
if (createGenreForm.valid()) {
var obj = {
Name: $('#Name').val(),
Description: $('#Description').val()
};
var jsonSerialized = JSON.stringify(obj);
$.ajax({
type: "POST",
url: createGenreForm.attr('action'),
dataType: "json",
contentType: "application/json; charset=utf-8",
data: jsonSerialized,
success: function (result) {
alert(result.Message);
},
error: function (error) {
alert("There was an error posting the data to the server: " + error.responseText);
}
});
}
});
});

La raison pour laquelle deux soumissions ont eu lieu est qu'après l'exécution de la requête ajax, la soumission n'a pas été bloquée Comportement , il y a donc deux solutions :

1. Ne pas utiliser de boutons de type submit, mais utiliser des boutons de type bouton.

2. Dans la fonction $('#submit').click, ajoutez la dernière ligne return false pour empêcher la soumission.

Une petite explication : Pourquoi devrions-nous intégrer l'anglais dans le titre ? La raison est de permettre aux internautes étrangers d'interroger cet article. Lorsque je recherche habituellement des informations sur Google, je me réfère souvent aux blogs d'internautes étrangers, qui m'aident à résoudre de nombreux problèmes, je souhaite donc aussi qu'ils puissent se référer au contenu que j'ai écrit. Bien sûr, je ne peux pas tout traduire dans l'article en anglais, alors je fais de mon mieux pour coller tout le code et laisser le code parler de lui-même.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment soumettre un formulaire et mettre en œuvre le téléchargement de fichiers avec ajax

Comment traiter les données json téléchargées par ajax succès en arrière-plan

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!