How to push new HTML data from the server to the browser without refreshing the page

Question

I have seen many websites (facebook or stack overflow for instance) that will update certain features as new data is generated (new answer on a post for example).

Lets say that there is a new post added to a blog and someone is in the blog in that moment looking at it, the idea is to automatically add the new post to the blog without refreshing or having the user to do any action.

I have thought of executing an AJAX call every 5 seconds or so, but that will make too many requests to the server, and I saw that the websites I mentioned (which renew content) don't make any new requests.

I am really out of ideas of how to achieve this. Is this possible with PHP and AJAX? I've heard of websockets too. Any ideas? Thanks

Possible duplicate of [Is there some way to PUSH data from web server to browser?](https://stackoverflow.com/questions/19995/is-there-some-way-to-push-data-from-web-server-to-browser) — Suma, Jul 28 '17 at 11:25

tay10r · Accepted Answer · 2017-10-16T21:56:38.167

Great question! There's a few solutions.

There's been a relatively new solution to this call websockets. It's in the HTML5 standard and there's a lot of libraries for it on other languages too.

One of them is sockets.io ( javascript ) - it enables you to keep a consistent, low-latency connection with a server to receive information as it's generated. There's also plenty of plugins for php, c, and python for the server side.

To name a few: libwebsockets ( c++ ), pywebsockets ( python ), and jetty ( javascript )

And for php: http://socketo.me/

Visit this link for more info: http://www.html5rocks.com/en/tutorials/websockets/basics/

Wow, somehting new to look into, can youi give me more hints, it is the first time I hear about it. Thanks — multimediaxp, Apr 16 '13 at 04:45

score 2 · Answer 2 · answered Apr 16 '13 at 04:54

2

You can use HTML5 SSE. But that's not a very good solution.

You can use Comet server that helps in Long AJAX polling. Check out the Ajax Push Engine (APE). It's a combination of Comet Server and a Javascript framework to make AJAX-PUSH or real time streaming possible.

cheers! :)

answered Apr 16 '13 at 04:54

varun1505

790
2
8
16

Why HTML5 SSE is not a good idea? Not supported by explorer? Thanks – multimediaxp Apr 16 '13 at 12:32

score 1 · Answer 3 · answered Apr 16 '13 at 04:45

1

One example of a framework that can help you do this is SignalR http://signalr.net/

This is asp.net specific though

answered Apr 16 '13 at 04:45

TGH

37,121
10
94
126

Is there a PHP solution? Thanks – multimediaxp Apr 16 '13 at 04:49
I added a link for a php library in my answer above – tay10r Apr 16 '13 at 04:53
http://stackoverflow.com/questions/5753674/php-best-way-to-push-data-from-server-to-clients – TGH Apr 16 '13 at 04:54

score 0 · Answer 4 · answered Apr 16 '13 at 05:26

0

Well,

If you are in the PHP and Open Source world, you can consider Node.Js, Socket.IO or NowJs

I am in the ASP.Net wonderworld and I love SignalR.

answered Apr 16 '13 at 05:26

Cyril Gupta

12,882
11
61
83

How to push new HTML data from the server to the browser without refreshing the page

4 Answers4

Linked