Ajax成功/エラーメッセージは1回だけ表示

Question

phpajaxとJavaScriptを使用してフォームを作成しました。

ajaxでは、同じページにとどまっている間にエラー/成功メッセージを表示することに成功しました。

console.logを使用してエラー/成功メッセージを表示しても問題ありません。

しかし、私はconsole.log

にエラーメッセージを表示したくないので、これは私がやったことです：

$('form.form-style-4').on('submit', function() { 
    var that = $(this), 
     url = that.attr('action'), 
     method = that.attr('method'), 
     data = {}; 
    that.find('[name]').each(function(index, value) { 
     var that = $(this), 
      name = that.attr('name'), 
      value = that.val(); 

     data[name] = value; 
    }); 

    $.ajax({ 
     url: url, 
     type: method, 
     data: data, 
     success: function(response) { 

      console.log(response); 
      $('#success-message').html(response); 
      setTimeout(function() { 
       $('#success-message').fadeOut('slow'); 
      }, 3000); 



     } 
    }); 

    return false; 


}); 

あなたは私がREPONSEが表示されている#success-messageと呼ばれるのdivを作成する見ることができるようにこの部門の

私の問題は今ですページをリロードしない限り、エラーメッセージまたは成功メッセージは一度だけ表示されます。

だから私の最初のアイデアは、ページ全体に誰かがこのようなJavaScriptで、提出をクリックするたびにリロードすることでした：

setTimeout(function() { 
       window.location.reload(1); 
      }, 2000); 

をしかし、私はそれが進むべき道ではないと思います。

Answer 1

は、あなたのメッセージを示さなければならないsuccess-message最初

$('#success-message').html(response).show();