Jquery AJAX附加了数据重置 - Jquery AJAX appended data reset

Jquery AJAX appended data reset

本文关键字：数据 AJAX Jquery | 更新日期: 2023-09-27

我有这个脚本：

 <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脚本中的错误。现在，每次我点击提交按钮，新的错误都会添加到旧的错误中。我想知道，在我点击提交按钮后，是否可以重置旧错误并只显示新错误？

使用$('#errors').html(data);而不是$('#errors').append(data);，当您使用.append（）时，您将添加到已有的内容中。html（）替换内容。

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

我想知道你为什么有$('#errors').show();？如果它是先隐藏的，那么最好将.show（）放在.html（）/.append（）`

之后

使用$（'#errors'）.empty（）.append（data）；