атрибуты отображения javascript из каждого объекта (действуют как foreach)

Question

Я вернул результат из метода (он собрал несколько объектов), и я пытаюсь отобразить свойства каждого объекта (а некоторые из них) ... но это только отображение последнего объекта в списке уведомлений.

Ниже мой сценарий:

<script> 
$(document).ready(function() { 
    $('.dropdown-toggle').on('click', function() { 
     // Add loading state 
     $('.menu').html('Loading notifications ...'); 
     // Set request 
     var id = "{{ Auth::user()->id }}"; 
     var request = $.get('/notifications/' + id); 

     // When it's done 
     request.done(function(response) { 

      console.log(response); 
      for(var index in response) { 
       if (response.hasOwnProperty(index)) { 
        var attr = response[index]; 
        $('.notification-list').html(attr.action + ' By: ' + attr.added_by + ' : ' + attr.created_at) 
       } 
      } 
     }); 
    }); 
}); 
</script> 

Answer 1

Я думаю, что вы кладете в новых значениях каждый раз. Попробуйте это:

<script> 
$(document).ready(function() { 
    $('.dropdown-toggle').on('click', function() { 
     // Add loading state 
     $('.menu').html('Loading notifications ...'); 
     // Set request 
     var id = "{{ Auth::user()->id }}"; 
     var request = $.get('/notifications/' + id); 

     // When it's done 
     request.done(function(response) { 

      console.log(response); 
      for(var index in response) { 
       if (response.hasOwnProperty(index)) { 
        var attr = response[index]; 
        $('.notification-list').append(attr.action + ' By: ' + attr.added_by + ' : ' + attr.created_at) 
       } 
      } 
     }); 
    }); 
}); 
</script>