jQuery ajax async: false causes a strange warning?

by

JavaScript runs exclusively on the UI thread so a synchronous AJAX call will freeze the browser completely, until the server replies.

It’s considered a bad pratice in UX Design for web applications and major browsers are deprecating this feature in favor of asynchronous requests with a callback.

You may not worry about the message now. It’s not a bug but I strongly recommend you to start rewriting it because when a feature is marked as deprecated it means a warn that they can remove this feature anytime in the future.

It’s also deprecated from jQuery 1.8+

As of jQuery 1.8, the use of async: false with jqXHR ($.Deferred) is
deprecated; you must use the success/error/complete callback options
instead of the corresponding methods of the jqXHR object such as
jqXHR.done() or the deprecated jqXHR.success()

The recomended way:

var request = $.ajax({
  url: "script.php",
  data: { id : menuId },
  dataType: "application/json"
});

request.done(function(data) {
   // Executed in case of success
});

request.fail(function( jqXHR, textStatus ) {
  // Executed in case of error
});

More Related Contents:

  1. How can I upload files asynchronously with jQuery?
  2. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  3. How to return an Ajax result using async/await? [duplicate]
  4. How to select an element loaded through the jQuery load() function?
  5. Difference between .ajaxSubmit() vs .submit()
  6. jQuery load more data on scroll
  7. how to bypass Access-Control-Allow-Origin?
  8. How to generate a simple popup using jQuery
  9. jQuery has deprecated synchronous XMLHTTPRequest
  10. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  11. How to use jQuery in chrome extension?
  12. Access denied to jQuery script on IE
  13. How to upload a file using jQuery.ajax and FormData
  14. How do I return the response from an asynchronous call?
  15. Ajax call Into MVC Controller- URL Issue
  16. Return value from function with an Ajax call [duplicate]
  17. How to wait until jQuery ajax request finishes in a loop?
  18. Are there any atomic javascript operations to deal with Ajax’s asynchronous nature?
  19. Problem with jQuery.ajax with ‘delete’ method in ie
  20. How to stop refreshing page after ajax call?
  21. Callback function for JSONP with jQuery AJAX
  22. How can I return a view from an AJAX call in Laravel 5?
  23. Google Place API – No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access [duplicate]
  24. Execute function after Ajax call is complete
  25. Does the jQuery ajax call support PATCH?
  26. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  27. How to add a Facebook “Like” button to an AJAX driven page
  28. jQuery asynchronous function call, no AJAX request
  29. CORS error with jquery
  30. How to replace the entire html webpage with ajax response?

Leave a Comment