verhindern dupplicate von ajax eingereicht

Question

Ich benutze Ajax, um eine Liste von Antworten zu erstellen.

Am Ende der Liste habe ich textarea Formular hinzugefügt, die Benutzer hinzufügen können (auch mit Ajax).

Das Problem ist, dass ich zu meinem JS in meiner Hauptphp-Seite rufe, also, wenn Benutzer Antwort einreichen will, "kennt" die Seite nicht den js Code. Wenn ich die JS der AJAX-PHP-Datei/Seite hinzufügen, wird der Code funktionieren, aber es wird mehrmals dupliziert werden und wenn Benutzer Formular abschicken wird der Text viele Male gesendet werden.

In meiner Konsole sehe ich das Die JS-Datei dupliziert jedes Mal, wenn ich die Antwortenliste lade

Wie kann ich es verhindern?

Answer 1

Deaktivieren Sie die Senden-Schaltfläche, nachdem der Benutzer sie einmal gedrückt hat.
Mit jQuery:

$("#button").attr('disabled','disabled'); 

Stellen Sie sicher, disabled Attribut auf AJAX Fehler entfernen so können Benutzer das Formular mit neuen Daten erneut vorlegen.

Sie können disabled Attribut wie folgt entfernen:

$('#button').removeAttr('disabled'); 

Answer 2

[verbesserte] wenn Sie keine Daten wiederholen möchten, wenn die Navigation oder F5 drücken, einfach die _POST Vars $ frei, nachdem, was Sie tun wollen, und prüfen Sie, ob isnt Set (vor der Reinigung natürlich) umleiten Sie wo immer Sie wollen. Beispiel:

/* HERE do the job with ajax response. */ 
    if(!isset($_post['foo'])) header('Location: wherever.php'); 
$_POST['foo']=NULL; 

Wenn Sie $ _GET verwenden sind ... tun es nicht, verwenden Sie $ _POST ... $ _POST ist dein Freund.

Stellen Sie sicher, dass Sie die Form Vars nicht per Post zurücksenden, wenn Sie F5 drücken (ansonsten erhalten Sie dasselbe). Wenn dies der Fall ist, löschen Sie Ihre Eingaben mit jQuery beim Laden der Seite.

$('#inputID').val('');