Can the unload Event be Used to Reliably fire ajax Request?

by

This method is fairly reliable, if your server is fast enough to respond. Something to really watch out for though. If you close the browser and send AJAX request on unload event, there’s a very good chance that the response isn’t going to come back from the server in time before the window object is destroyed. What happens in this case (at least with IE) is that it will orphan your connection object and not terminate it correctly until the connection timeout is hit. If your server doesn’t have connection keep-alive turned on, after you close 2 windows (while still having another window open), you will run out of open connections to the server (for IE6-7, for IE8 – 6 windows) and you will not be able to open your website until your connection timeout is hit.

I ran into a situation like that before were I was opening a popup window that was sending an AJAX request on unload, it was very reliable, but it was plagued by the issued described above, and it took really long time for me to track it down and understand what’s going on. After that, what I did, is I made sure that opening window would have the same code to call server, and on every unload checked for the opener and ran the code there if it was present.

It seems that if you close the very last browser window, IE will destroy connection properly, but if one other window is open, it will not.

P.S. And just to comment on the answer above, AJAX is not really async. At least JS implementation of it isn’t. After you send a request, you JS code is still going to be waiting for response from the server. It’s not going to block your code execution, but since the server might take a while to response (or long enough for Windows to terminate IE window object) you might and probably will run into the problem described above.

More Related Contents:

  1. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  2. jQuery Ajax File Upload
  3. Add a “hook” to all AJAX requests on a page
  4. Intercepting call to the back button in my AJAX application
  5. Difference between “change” and “input” event for an `input` element
  6. Resize event for textarea?
  7. Why am I seeing an “origin is not allowed by Access-Control-Allow-Origin” error here? [duplicate]
  8. React JS – Uncaught TypeError: this.props.data.map is not a function
  9. Attach a body onload event with JS
  10. Remove hash from url
  11. Upload base64 image with Ajax
  12. Use componentWillMount or componentDidMount lifecycle functions for async request in React
  13. When does the browser execute Javascript? How does the execution cursor move?
  14. Ajax HEAD request via Javascript/jQuery
  15. adding event listener cross browser [closed]
  16. Detect double tap on ipad or iphone screen using javascript
  17. How to execute javascript inside a script tag returned by an ajax response
  18. Monitor all JavaScript events in the browser console
  19. Is it possible for XHR HEAD requests to not follow redirects (301 302)
  20. jQuery AJAX Call to PHP Script with JSON Return
  21. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  22. Listen for changes with localStorage on the same window
  23. How can I return a value from an AJAX request? [duplicate]
  24. how Postman send requests? ajax, same origin policy
  25. Ajax – 500 Internal Server Error
  26. Angular 2 Hover event
  27. Empty “for” loop in Facebook ajax
  28. Javascript Event Handler for Print
  29. Hook AJAX in WordPress
  30. Python Flask Cors Issue

Leave a Comment