Jquery AJAX附加数据重置

Question

I've this script:

 <script>
 $(document).ready(function() {
 $('#signUpForm').submit(function() {
 $.ajax({
 type: 'POST',    
 url: "process.php",
 data: $("#signUpForm").serialize(),
 success: function(data)
 {
 $('#errors').show();
 $('#errors').append(data); 
 }
 });
 return false;    
 });
  });
 </script>

It displays errors from php script. And right now every time I click submit button, new errors are added to old ones. I wonder, is it possible to reset old errors and show just new, after I click submit button?

Answer 1

Use $('#errors').html(data); instead of $('#errors').append(data); , When you use .append() , you add to the content you already had. .html() replaces the content.

Another alternative might be to empty first and then append. Like $('#errors').empty().append(data);

I wonder why do you have $('#errors').show(); ? If it was hidden first, maybe better to put .show() after the .html() / .append()`

Answer 2

使用$（'＃errors'）。empty（）。append（data）;