JQuery Submit Button第二次无法正常工作

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);