javascript, jquery setInetval 追加答案

【问题标题】：javascript, jquery setInetval appendjavascript, jquery setInetval 追加
【发布时间】：2020-07-15 23:06:32
【问题描述】：

我有代码：

<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>

在 div id='chatbox-list' 中添加 HTML 和 Javascript 后，如何让 setInterval(Name,1000) 和函数 Name() 相应运行？也许还有其他解决方案允许在一段时间后执行动态添加的功能？

【问题讨论】：

标签： javascript jquery html function append

【解决方案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>

这里是如何使用间隔附加数据的演示。你可以用 post 方法做同样的事情。只需在成功回调时收听它并将传递的数据附加到 dom

【讨论】：