JQuery提交按钮第二次不起作用

Question

当我点击提交按钮时，它第一次工作，然后显示成功警报，但第二次提交按钮不工作。需要再次刷新/重新加载页面。

$(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

而不是：-

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

使用

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

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

e.preventDefault();//rest code

还可以更改警报消息，如下所示：-

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