Сообщение об успехе/ошибке Ajax отображается только один раз

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; 


}); 

Как вы можете видеть, что я создал DIV называется #success-message отображается réponse в этом div.

Моя проблема сейчас Это только сообщение об ошибке или успехе только один раз, если я не перезагружу страницу.

Так что моя первая мысль была перезагружать всю страницу каждый раз, когда кто-то нажимает на отправляет, с JavaScript, как это:

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

Но я не думаю, что это путь.

Answer 1

Вы должны показать ваше сообщение success-message первый

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