javascript - 如何避免自动加载清除用户正在编写的文本？

Question

我尝试构建一个类似 Twitter 的消息源。我使用 AJAX 每 10 秒更新一次提要。我的问题是，到目前为止，自动更新功能会在每次重新加载时更新整个提要。在用户开始写回复之前都可以。当下一次自动更新开始时，文本消失。

您知道如何防止这种情况发生吗？

这就是我自动加载页面的方式

function autoUpdate(div, url) {     
    $(div).load(url).fadeIn(200);  
}
$(document).ready(function()  {
    $.ajaxSetup({ cache: false });    
    autoUpdate('URL_TO_FEED_AS_HTML', '.discussion');   
    setInterval("autoUpdate('URL_TO_FEED_AS_HTML', '.discussion')", 10000); 
});

Answer 1

您可以检查输入字段是否为空，如果不为空，则不会自动更新。然后，当他们发布时，您将清空输入，并且自动更新将继续。

$(document).ready(function()  {
    $.ajaxSetup({ cache: false });  

    autoUpdate('URL_TO_FEED_AS_HTML', '.discussion');   
    setInterval(function() {
        if ($('input').val().length != 0) {
            autoUpdate('URL_TO_FEED_AS_HTML', '.discussion');
        }
    }, 10000); 
});

根据 Rory McCrossan 的建议，通过附加最新的讨论，您将获得更好的性能和功能。您可以通过查询比当前时间戳(上次查询时的时间戳，而不是查询结果之前的时间戳)更新的任何内容来完成此操作，然后使用append()将数据添加到页面上。