Jquery AJAX附加数据重置

Question

我有这个脚本：

 <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>

它显示来自php脚本的错误。现在，每次单击“提交”按钮时，都会向旧版本添加新错误。我想知道，点击提交按钮后，是否可以重置旧错误并显示新内容？

Answer 1

使用$('#errors').html(data);代替$('#errors').append(data);，当您使用.append()时，您会添加到您已有的内容中。 .html()替换内容。

另一种选择可能是先empty然后追加。与$('#errors').empty().append(data);

一样

我想知道为什么你有$('#errors').show();？如果它首先被隐藏，也许最好在.html（）/ .append（）之后放入.show（）`

Answer 2

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