setInterval(） 阻碍了 UI 的用户友好性，任何修复

setInterval() impeding on user-friendliness of UI, any fix?

本文关键字：任何修 用户 UI setInterval      更新时间：2023-09-26

我正在使用jQuery/PHP/JavaScript创建一个聊天（请不要建议node.js/redis/socket.io，我只是想要一个解决方案来解决所提出的问题）。

我对以下代码遇到的问题是，因为它每秒刷新一次（所以它是一个实时聊天），它显示 100 条消息，但是向下滚动时，它会重新备份，因为它已经刷新。

这个问题有什么好的解决方案吗？

法典：

var all_chats = setInterval(function() {
  $.ajax({
    url: './requests/chat.php',
    type: 'POST',
    success: function(chats) {
      $('.chat').html(chats);
    }
  });
}, 1000);

var all_chats = setInterval(function () {
    $.ajax({
        url: './requests/chat.php',
        type: 'POST',
        success: function (chats) {
            $('.chat').append(chats);
        }
    });
}, 1000);
相关文章：