Jquery、Ajaxの成功メッセージはonclickと表示されない2回目の表示時にのみ表示されます

フォームをクリックすると、データが正常に処理され、ページが更新されずに緑の成功メッセージが表示されます。しかし、私がページにいて、もう一度フォームを送信しようとすると、成功メッセージは表示されませんが、フォームは自動的にリセットされます。ページをリフレッシュせずに毎回成功メッセージを得るにはどうすればよいですか？Jquery、Ajaxの成功メッセージはonclickと表示されない2回目の表示時にのみ表示されます

ところで、私がページをリフレッシュすると、成功メッセージが再び表示されます。ここで

私のコードです：

$(document).ready(function() { 
    $('#TestForm').submit(function (e) { 
     e.preventDefault(); 
     $.ajax({ 
      url:"post.php", 
      data: $(this).serialize(), 
      type: "POST", 
      dataType: "json", 
      success: function (data) { 
       $('#resultback').addClass("alert alert-success").html('Your data has sent succesfully! '); 
       $('#TestForm').trigger("reset"); 
       setTimeout(function() { 
        $('#resultback').fadeOut('slow'); }, 3000); 
      }, 
      error: function (data) { $('#status').html(status); 
      } 
     }) 
    }) 
    $('#TestForm').reset; 
})

それはなぜ起こるのでしょうか？

出典

2017-09-26 callmejoejoe

コンソールにエラーが表示されていませんか？ –

あなたの投稿を編集して、使用しているHTMLを追加できますか？ –