asp.net mvc - How does show the updates asynchronously?

-

on stack overflow site, can see following updates asynchronously.

  1. reputation changes
  2. new question added in question list
  3. new comment added, etc.

as per understanding, can done in xmlhttprequest (xhr) request asynchronously, maybe of setinterval.

confusions: in firefox, no xhr request coming , can see above changes asynchronously.

which kind of implementation , how can done in asp.net mvc?

this impressive , beautiful stuff asynchronous calls made client server using ajax.

a simple approach use jquery ajax make asynchronous call inside setinterval search "updates" of question (this question id 17779628. can see on url =p). so, call server can pass id , timestamp (a date) of last call made server. server brings updates occurred timestamp datetime.now.

i not sure real implementation of stack overflow, did lot of stuff this.

another tip:

there improvement. ;) modern browsers contains implementations of websocket. since sockets "peer-to-peer" , not "client-server", modern browsers don't need approach setinterval. instead, can implement websocket opening in javascript , server can send updates actively in moment happens (you can use design patterns include events).

take @ caniuse see browsers supports websocket.

edit

anyway, opened code you. stack overflow's javascript code uses singleton design pattern javascript code. take @ stackexchange variable in browser console. heart of javascript code here. can see, there whole api built upon stackexchange variable. now, search stackexchange.realtime.init('sockets.ny.stackexchange.com:80');

websocket initialization

then, take @ implementation of stackexchange.realtime.init @ console. seems support asynchronous updates websocket. nice , modern, supported new browser versions. if need maintain backward compatibility, can support both websocket (for new) , ajax implementation (for old browsers).

enter image description here


Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more

ajax - PHP/JSON Login script (Twitter style) not setting sessions -

-
i'm having trouble getting twitter style login work properly, reason gets stuck at session_register("useremail"); session_register("userpass"); and doesn't redirect after it. if enter wrong account data, works , appropriate error message pops up. this full code: <?php if(empty($_post['email']) || empty($_post['password'])) { die(msg(0,"all fields required")); } if(!(preg_match("/^[\.a-z0-9_\-\+]+[@][a-z0-9_\-]+([.][a-z0-9_\-]+)+[a-z]{1,4}$/", $_post['email']))) die(msg(0,"you haven't provided valid e-mail")); $host="localhost"; $username="root"; $password="x"; $db_name="x"; $tbl_name="x"; mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select db"); $useremail=$_post['email']; $userpass=
Read more