node.js - 动态刷新 div，无需直接 DOM 操作

Question

我必须更新例如表格、列表(如果有某些值)。我可以插入新值并尝试重新加载整个页面以再次显示表格或列表值。

如果我尝试 Ajax 更新，我必须操作 DOM，创建一堆新标签，在旧标签上连接并注入(inject)新 HTML。这不是一个痛苦的方法，您甚至必须重新输入之前创建的代码才能显示新条目。

例如:这是一个虚构的例子，说明了我的意思:

$.ajax({
    url: '/post/addComment/',
    type: 'POST',
    data: 'comment=' + comment,
    beforeSend : function() {
        //waiting message
        $('#some_information_div').html('<strong>Updating...</strong>');
    }
}).done(function(data) {
        //new data comes here (by JSON, plain text, whatever...)
        if (data.status == 'OK') {
            //OHHH MAN WE HAVE TO POPULATE MANUALLY IT AGAIN
            var c = '';
            c = '<table>'

            data.content.forEach(function(e) {
                c += '<tr><td>' + e.name + '</td></tr>';
            });

            c += '</table>'

            //update with new values
            $('#some_information_div').html('');
            $('#destination_table').html(c);
        }
});

不幸的是，我必须一直处理我的列表和表格，而且我必须重新输入代码并通过 JavaScript 对其进行操作。我发现有些东西可能有用，比如 jQuery.load() ，也许能符合我想要的，我没有尝试过。

其他一些语言和框架(例如 JSF)可以通过“渲染技术”轻松做到这一点，您可以直接更新内容，而无需手动创建和操作 DOM。

拜托，任何类型的建议，任何关于这种方法的线索都会非常有帮助。

P.S.:代码示例标签在这里不能很好地工作。

Answer 1

这可以通过使用 .load() jquery 函数来完成。我已经说明了一些页面 1.php 和一些具有 id mytable 的表

$('table#mytable').load('./1.php #mytable');

持续刷新--

setInterval(function() {
$('tablev#mytable').load('./1.php #mytable');
}, 5000);