How does Stack Overflow notify of server-side events without a page reload? I see no request in Firebug
How does Stack Overflow show the answer added/edited message without a page reload?
Yes, I know it will happen with Ajax. So I opened Firebug in a browser to check it, to see whether any requests are coming in a particular interval of time. But I don't see any request coming in Firebug.
Can we perform a request without it showing in Firebug? Are there any other ideas behind this or is my concept totally wrong?
It appears to be using HTML 5 Web Sockets. They basically keep an open connection between the server and the client and, among many other things, allow the client to define event handlers to treat new data when received from the server.
Here you'll find some basic examples and concepts about WebSockets: Introducing WebSockets: Bringing sockets to the web.
The WebSocket specification defines an API establishing "socket" connections between a web browser and a server. In plain words: There is an persistent connection between the client and the server and both parties can start sending data at any time.
There is also a live demo with server & client source code available.
You might also find the following question useful: How do real time updates work?
- beforeunload workaround using preventDefault to do a GET request
- Is it possible to get Icecast metadata from HTML5 audio element?
- Fetch Response.json Bad Escape Character Error
- LeetCode - 23. Merge k Sorted Lists algo issue
- Proper way in JavaScript to compare two DOM elements and remove duplicates created by appendChild in loop?
- ionic - `slot` attributes are deprecated - eslint-plugin-vue
- Deploy/update file without functions in it - Firebase Functions
- Get all non-unique values (i.e.: duplicate/more than one occurrence) in an array
- Jquery slider attach with Mouse event
- Replace a Regex capture group with uppercase in Javascript
- Javascript - Remove Special characters and associated strings in Json object
- Profiling Javascript JIT in Firefox
- logStringMessage function inside Firefox extension
- using Prompt to add a value to function
- Possible to add code blocks to <textarea> tags, without using libraries?
- What's the most straightforward way to copy an ArrayBuffer object?
- How to add prefix to input?
- JavaScript Date set not working as expected
- webRTC: How to detect audio/video presence in Stream?
- How do I make HTML code using typescript?
- How to update bootstrap popover text?
- Define a web component inside another web component without polluting global namespace
- TypeError: Class extends value undefined is not a constructor or null (svelte redis)
- Disable every non checked checkbox
- Codility - min average slice
- JavaScript new Date() returning server time offset in Blazor Server app
- Top-level ‘await’ expressions are only allowed when the ‘module’ option is set to ‘esnext'
- Firestore Security Rules: Getting all docs with field-specific "where"-query
- Determining origin of cookie which javascript or tracking pixel
- Show only half of SVG