how to make a jquery “$.post” request synchronous [duplicate]

by

jQuery < 1.8

May I suggest that you use $.ajax() instead of $.post() as it’s much more customizable.

If you are calling $.post(), e.g., like this:

$.post( url, data, success, dataType );

You could turn it into its $.ajax() equivalent:

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType,
  async:false
});

Please note the async:false at the end of the $.ajax() parameter object.

Here you have a full detail of the $.ajax() parameters: jQuery.ajax() – jQuery API Documentation.

jQuery >=1.8 “async:false” deprecation notice

jQuery >=1.8 won’t block the UI during the http request, so we have to use a workaround to stop user interaction as long as the request is processed. For example:

  • use a plugin e.g. BlockUI;
  • manually add an overlay before calling $.ajax(), and then remove it when the AJAX .done() callback is called.

Please have a look at this answer for an example.

More Related Contents:

  1. jQuery doesn’t give a proper output, but gives these [closed]
  2. Stop form refreshing page on submit
  3. contenteditable change events
  4. How can I select an element by name with jQuery?
  5. jQuery disable/enable submit button
  6. Avoid dropdown menu close on click inside
  7. How to properly use jsPDF library
  8. How to get the element clicked (for the whole document)?
  9. How to clear the contents of an iFrame from another iFrame
  10. Prevent form redirect OR refresh on submit?
  11. Change color of specific words in textarea
  12. prevent Scroll bubbling from element to window
  13. Reset select value to default
  14. Set keyboard focus to a
  15. Counting and limiting words in a textarea
  16. Change iframe src by clicking a link
  17. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  18. Proper way to reset a GIF animation with display:none on Chrome
  19. How do I select the innermost element?
  20. How to prevent html/JavaScript code modification
  21. How do I capture a key press (or keydown) event on a div element?
  22. Detect browser wrapped lines via javascript
  23. Passing JSON data from php to html-data attribute and then to Javascript
  24. iframe Auto Adjust Height as content changes
  25. Wrapping lists into columns
  26. Close a SELECT dropdown list programmatically with Javascript/jQuery
  27. refresh div with jquery
  28. Jquery change text between two elements
  29. Remove everything within script and style tags
  30. Possible to reverse a css animation on class removal?

Leave a Comment