Warum werden Ajax-Anfragen mit einem Klick mehrfach übermittelt?

Dieses Mal werde ich Ihnen erklären, warum Ajax-Anfragen mehrmals mit einem Klick gesendet werden. Was sind die Vorsichtsmaßnahmen für Ajax-Anfragen, die mehrmals mit einem Klick gesendet werden? Schauen Sie mal rein. Der Typ der

-Schaltfläche

auf der Seite ist Senden:

Die Ajax-Anfrage in JQuery lautet:

$(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);
}
});
}
});
});

Der Grund, warum zwei Übermittlungen erfolgten, ist, dass die Übermittlung nach der Ausführung der Ajax-Anfrage nicht blockiert wurde Verhalten , daher gibt es zwei Lösungen:

1. Verwenden Sie keine Schaltflächen vom Typ „Senden“, sondern Schaltflächen vom Typ „Schaltfläche“.

2. Fügen Sie in der Funktion $('#submit').click die letzte Zeile return false hinzu;

Eine kleine Erklärung: Warum sollten wir Englisch in den Titel einbetten? Der Grund besteht darin, ausländischen Internetnutzern die Möglichkeit zu geben, diesen Artikel abzufragen. Wenn ich normalerweise Informationen bei Google suche, verweise ich oft auf die Blogs ausländischer Internetnutzer, die mir bei der Lösung vieler Probleme helfen, deshalb möchte ich auch, dass sie auf die von mir geschriebenen Inhalte verweisen können. Natürlich kann ich nicht alles im Artikel ins Englische übersetzen, deshalb versuche ich mein Bestes, den gesamten Code einzufügen und den Code für sich selbst sprechen zu lassen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So übermitteln Sie ein Formular und implementieren den Datei-Upload mit Ajax

So verarbeiten Sie die von Ajax hochgeladenen JSON-Daten Hintergrunderfolg

Das obige ist der detaillierte Inhalt vonWarum werden Ajax-Anfragen mit einem Klick mehrfach übermittelt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!