Why use AJAX when WebSockets is available?

by

WebSockets isn’t intended to replace AJAX and is not strictly even a replacement for Comet/long-poll (although there are many cases where this makes sense).

The purpose of WebSockets is to provide a low-latency, bi-directional, full-duplex and long-running connection between a browser and server. WebSockets opens up new application domains to browser applications that were not really possible using HTTP and AJAX (interactive games, dynamic media streams, bridging to existing network protocols, etc).

However, there is certainly an overlap in purpose between WebSockets and AJAX/Comet. For example, when the browser wants to be notified of server events (i.e. push) then Comet techniques and WebSockets are certainly both viable options. If your application needs low-latency push events then this would be a factor in favor of WebSockets. On the other hand, if you need to co-exist with existing frameworks and deployed technologies (OAuth, RESTful APIs, proxies, load balancers) then this would be a factor in favor of Comet techniques (for now).

If you don’t need the specific benefits that WebSockets provides, then it’s probably a better idea to stick with existing techniques like AJAX and Comet because this allows you to re-use and integrate with a huge existing ecosystem of tools, technologies, security mechanisms, knowledge bases (i.e. far more people on stackoverflow know HTTP/Ajax/Comet than WebSockets), etc.

On the other hand, if you are creating a new application that just doesn’t work well within the latency and connection constraints of HTTP/Ajax/Comet, then consider using WebSockets.

Also, some answers indicate that one of the downsides of WebSockets is limited/mixed server and browser support. Let me just diffuse that a bit. While iOS (iPhone, iPad) still supports the older protocol (Hixie) most WebSockets servers support both Hixie and the HyBi/IETF 6455 version. Most other platforms (if they don’t already have built-in support) can get WebSockets support via web-socket-js (Flash based polyfill). This covers the vast majority of web users. Also, if you are using Node for the server backend, then consider using Socket.IO which includes web-socket-js as a fallback and if even that is not available (or disabled) then it will fall back to using whatever Comet technique is available for the given browser.

Update: iOS 6 now supports the current HyBi/IETF 6455 standard.

More Related Contents:

  1. Ajax vs Socket.io
  2. CORS: Cannot use wildcard in Access-Control-Allow-Origin when credentials flag is true
  3. WebSockets protocol vs HTTP
  4. How to properly redirect in NodeJS/ExpressJS?
  5. Detecting AJAX requests on NodeJS with Express
  6. How to decrease request payload of p:ajax during e.g. p:dataTable pagination
  7. How to establish a TCP Socket connection from a web browser (client side)?
  8. Web sockets make ajax/CORS obsolete?
  9. How can I get browser to prompt to save password?
  10. Returning redirect as response to XHR request
  11. What security risks exist when setting Access-Control-Allow-Origin to accept all domains?
  12. API Gateway CORS: no ‘Access-Control-Allow-Origin’ header
  13. Download a file from Servlet using Ajax
  14. Can an AJAX response set a cookie?
  15. Exception handling in JSF ajax requests
  16. Which websocket library to use with Node.js? [closed]
  17. How can I catch and process the data from the XHR responses using casperjs?
  18. Basic Ajax send/receive with node.js
  19. Cross-Domain AJAX doesn’t send X-Requested-With header
  20. ‘No Transport’ Error w/ jQuery ajax call in IE
  21. Process onclick function after ajax call
  22. Sending message to a specific connected users using webSocket?
  23. jsTree – loading subnodes via ajax on demand
  24. Timed out waiting for asynchronous script result while executing protractor scripts with appium
  25. Good beginners tutorial to socket.io? [closed]
  26. Returning redirect as response to Ajax (fetch, XHR, etc.) request
  27. What does a Ajax call response like ‘for (;;); { json data }’ mean? [duplicate]
  28. How to use Ajax within Sonata Admin forms?
  29. How to pass parameter to f:ajax in h:inputText? f:param does not work
  30. Websocket transport reliability (Socket.io data loss during reconnection)

Leave a Comment