javascript, jquery setInetval append

Question

У меня есть код:

<div id='chatbox-list'></div>
<script>
    function Test() {
            
                $.ajax({
                    type: 'post',
                    url: '/blabla'
                }).done(function (data) {
                    if (data.length > 0) {
                         $('#chatbox-list').append(data);
                    }
                });
                            
            }
            
    setInterval(Test, 2000);
</script>

дата:

<div id='test'> </div>
    
    Any HTML

<script>
    function Name(){
       $.ajax()
    .....
       $('#test').append('blabla');
    .....
    }

    setInterval(Name,1000);
</script>

После добавления HTML и Javascript в div id = 'chatbox-list', как запустить setInterval (Name, 1000) и функцию Name () соответственно? Может быть, есть какое-то другое решение, позволяющее выполнять динамически добавленную функцию через определенный промежуток времени?

Answer 1

function Test(){
 $.ajax({
  url: 'https://jsonplaceholder.typicode.com/posts/1',
  type: 'get',
  success: function(response){
   	$('#chatbox-list').append(`<li>${response.title}</li>`);
  }
 });
}

$(function(){
 setInterval(Test,1000);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="chatbox-list"></ul>

Здесь приведена демонстрация того, как добавлять данные с интервалом. Вы можете сделать то же самое с методом сообщения. просто прослушайте его при успешном обратном вызове и добавьте доставленные данные в dom