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>

在div id＝‘chatbox-list’中添加HTML和Javascript后，如何使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>

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