通过 Ajax 刷新表列

Question

我有一个网页，其中包含我的系统上运行的作业表。 当这些作业完成或改变状态时，表需要反映这些变化。

目前我每 8 秒通过 AJAX 刷新一次整个表。 这对于一定数量的作业来说效果很好，但会导致非常高（~100）的作业负载的性能问题，最终导致浏览器锁定。

我正在使用 struts2 的 sx:div 来执行这些更新，我相信它每次都会解析返回的表以搜索小部件，从而关闭此功能。

我认为仅刷新状态列将对此有很大帮助，因为返回的数据会小得多，但我不确定这将如何工作。

我愿意使用 struts 标签以外的其他东西来执行此操作。 所以本质上我问是否有一种简单的方法来刷新表的列。

提前致谢。

Answer 1

仅更新状态列中的文本肯定比重新呈现整个表表现得更好。 节省带宽可能并不是那么大的胜利。 但这只是我的直觉——你当然应该检查并衡量什么最适合你。

当每次更新中仅某些行的状态发生变化时，仅更新已更改的行也应该会提高性能。

此外，正如 m_oLogin 建议的那样，您可以考虑仅发送更改的增量。 尽管根据我的经验，这并不是最容易做对的事情，所以我不会从那里开始。

Answer 2

如果每列都有一个类（col-1、col-2 等）。 您的 Ajax 调用只能查询该行并将新文本输出为分隔字符串。

如果您使用 jQuery.ajax，您可以提供 success 回调函数，其中代码首先分割字符串。 然后使用 $('.col-X').each() 循环遍历列的每个元素，以更新其 innerhtml。

$.ajax({
    url: "YOUR_URL.php",
    success: function (data) {
        var return = data.split(',');
        $('.col-1').each(function (index) {
            $(this).html(return[index]);
        });
    }
)};

Answer 3

当你说“我每8秒刷新一次整个表”时，你的意思是你每8秒检索一次整个json数据吗？ 因为如果是这种情况，那么速度变慢是正常的...

我会跟踪服务器端的更改，并在没有数据更改的情况下出现查询时发送一个小的“同表”消息。 仅当服务器端发生更改时才发回表数据。