php - 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);の代わりに 使用 します。 .append()$('#errors').append(data);を使用すると、既に持っているコンテンツに追加されます。.html()はコンテンツを置き換えます。

別の方法として、最初に空にしてから追加することもできます。お気に入り$('#errors').empty().append(data);

なぜあなたは持っているのだろうか $('#errors').show();？最初に非表示にされた場合は、 .html() / .append()` の後に .show() を配置する方が良いかもしれません

Answer 2

$('#errors').empty().append(data); を使用します。