JS Stack of events on the page

Question

JavaScript

I have a page on which a bunch of blocks should be updated almost in real time (I saw a photo > after 20 seconds it changes to > I saw a photo and left a comment > after 2 hours > I left the site).

The easiest way is to make separate requests for each part of the page, but this is expensive. There was an idea to make a request every 5 seconds to query the server about events and set a Callback for certain data:

var handlerUrl = '/data/events';
var listen = new Listen(handlerUrl, 5);

listen.on('tape', 'create', function(item){
     $('...').append(item.content);
});

listen.on('tape', 'update', function(id, item){
     $(id).html(item.content);
});

listen.on('tape', 'remove', function(id, item){
     $(id).remove();
});

Is there something ready for this?

Answer 1

You can use Backbone.js. To change the model, hang up events that will redraw the page. And download the model from the server at a specified frequency.

Answer 2

Knockout + mapper plugin