JQuery Submit Button funktioniert nicht zum zweiten Mal

Question

Wenn ich auf "Absenden" -Button klicke, funktioniert es zum ersten Mal, dann zeige Erfolgsalarm, aber das zweite Mal versende den Button nicht. Sie müssen die Seite erneut aktualisieren/neu laden.

$(document).ready(function() { 
$('#submit').click(function(){ 
    var data = $("#formdata").serialize(); 
    $.ajax({ 
     url: 'insert.php', 
     method: "POST", 
     data: data, 

     success:function(data){ 
       $('#alert').addClass("alert alert-success").text(data).fadeOut(3000);   
     } 
    }); 
}); 
}); 

Answer 1

Statt: -

$('#submit').click(function(){ 

Verwenden

$("#formdata").on('submit',function(e){ 

//or you can use $(document).on('click','#submit',function(e){ 

e.preventDefault();//rest code 

Auch Warnmeldung wie unten ändern: -

$('#alert').addClass("alert alert-success").text(data).fadeIn().fadeOut(3000);