开发者

How do I make jQuery notify like Twitter search?

开发者 https://www.devze.com 2023-02-22 11:36 出处:网络
I don\'t know what it\'s call.开发者_开发问答 Example http://search.twitter.com/search?q=%23idontbelieveyou

I don't know what it's call.开发者_开发问答 Example

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

When you click link above wait a few seconds. Then you will see a notify like this

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

There any tutorial for this? Let me know how to make something like that


It's really simple, logically:

  • A piece of Javascript checks back with the server every n seconds with a timestamp of the latest result it has.
  • The server checks if any results are available newer than this timestamp and reports back how many there are.
  • The Javascript displays this notification in the browser.


It would just sent an XHR to the server to see if any more tweets match the query.

If there are new matches, it will return the count and JavaScript updates the DOM to suit.


It is simply polling a script via jquery or Ajax (same thing really)

// 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);
});
0

精彩评论

暂无评论...
验证码 换一张
取 消