Как удалить предыдущий ответ json?

Question

Мне нужно очистить предыдущие ответы. Он просто накапливается.

Извините, у меня есть минимальные знания об ajax. Я ценю все ответы. Спасибо.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#form").submit(function(){ 
      var selector = $(this); 
      var form = selector.serializeArray(); 
      $("#submit").prop('disabled', true); 
      $.ajax({ 
       url:'{{ url('dashboard/add') }}', 
       type: 'post', 
       data: form, 
       dataType:"json", 
       success: function(data){ 
        if(!data.success) 
        { 
         $.each(data.errors, function(r, errors){ 
          var node = document.createElement("li"); 
          var textnode = document.createTextNode(errors); 
          node.appendChild(textnode); 
          document.getElementById("list").appendChild(node); 

         }); 

         $('#myModal').modal('hide'); 
         $('#myModal8').modal('show'); 
        } 
        else 
        { 
         $('#myModal').modal('hide'); 
         $('#myModal7').modal('show'); 
        } 
       } 
      }); 
      return false; 
     }); 
    }); 
</script> 

Answer 1

ответов накапливаются, потому что вы держите их без добавления либо их очистки. Если вы хотите, чтобы очистить список ошибок, когда новый submit запускается,

// ... 
$("#form").submit(function(){ 
    document.getElementById("list").innerHTML = ""; 
    // ... 

Answer 2

Вы всегда добавляя к этому же списку HTML. Поскольку у вас уже есть jquery, вы можете использовать empty(), чтобы удалить список перед его добавлением.

$('#list').empty(); 

Помните, что это удалит все из списка, если вам нужно удалить определенные элементы, вы должны направить их идентификаторы или класс.

Answer 3

Вы можете проверить, присутствуют ли в списке, используя hasChildNodes() все дочерние узлы и если это true, вы можете использовать replaceChild() вместо appendChild().

Или вы можете очистить содержимое, используя innerHTML, перед добавлением чего-то нового.