Question

我使用php ajax和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;


 });

如您所见，我创建了一个名为#success-message的div，响应显示在此div中。

我现在的问题是它只显示一次错误或成功消息，除非我重新加载页面。

所以我的第一个想法是每次有人点击提交时重新加载整个页面，使用这样的javascript：

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

但我不认为这是要走的路。

Answer 1

您必须首先显示消息success-message

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

Ajax成功/错误消息只显示一次

1 个答案: