setInterval（）妨礙UI的用戶友好性，任何修復？

Question

我正在使用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); 

Answer 1

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