如何使jQuery通知像Twitter搜索？

Question

我不知道它叫什么。实施例

http://search.twitter.com/search?q=%23idontbelieveyou

点击上面的链接等待几秒钟。然后你会看到像这样的通知

102 more results since you started searching. Refresh to see them. 

有这方面的教程吗？让我知道如何制作类似的东西

Answer 1

它只是通过jquery或Ajax轮询一个脚本（真的一样）

// Untested, written here without syntax.
var timeSinceUpdate = <?php echo(time()); ?>;
$(document).ready(function(){    
    setInterval(function(){
        $.get('queriesSince.php?searched=idontbelieveyou&timesinceupdate=' + timeSinceUpdate , function(data){
            alert(data);
            if(confirm('Add new Data to screen?'))
            {
                //Add Stuff to DOM and update the timeSinceUpdate from the data recieved.
            }
        });
    }, 3000);
});

Answer 2

它只会向服务器发送XHR，以查看是否有更多推文与查询匹配。

如果有新匹配，它将返回计数，JavaScript会更新DOM以适应。

Answer 3

这很简单，逻辑上：

• 一段Javascript每隔 n 秒与服务器核对一次，其中包含最新结果的时间戳。
• 服务器检查是否有比此时间戳更新的结果，并报告有多少结果。
• Javascript在浏览器中显示此通知。