What is the difference between XMLHttpRequest, jQuery.ajax, jQuery.post, jQuery.get

by

  • XMLHttpRequest is the raw browser object that jQuery wraps into a more usable and simplified form and cross browser consistent functionality.

  • jQuery.ajax is a general Ajax requester in jQuery that can do any type and content requests.

  • jQuery.get and jQuery.post on the other hand can only issue GET and POST requests. If you don’t know what these are, you should check HTTP protocol and learn a little. Internally these two functions use jQuery.ajax but they use particular settings that you don’t have to set yourself thus simplifying GET or POST request compared to using jQuery.ajax. GET and POST being the most used HTTP methods anyway (compared to DELETE, PUT, HEAD or even other seldom used exotics).

All jQuery functions use XMLHttpRequest object in the background, but provide additional functionality that you don’t have to do yourself.

Usage

So if you’re using jQuery I strongly recommend that you use jQuery functionality only. Forget about XMLHttpRequest altogether. Use suitable jQuery request function variations and in all other cases use $.ajax(). So don’t forget there are other common jQuery Ajax related functions to $.get(), $.post() and $.ajax(). Well you can just use $.ajax() for all of your request, but you will have to write a little more code, because it needs a bit more options to call it.

Analogy

It’s like you would be able to buy yourself a car engine that you’d have to create a whole car around it with steering, brakes etc… Car manufacturers produce completed cars, with a friendly interface (pedals, steering wheel etc.) so you don’t have to do it all yourself.

More Related Contents:

  1. jQuery posting valid json in request body
  2. How do I know if jQuery has an Ajax request pending?
  3. How do I get the HTTP status code with jQuery?
  4. Can onprogress functionality be added to jQuery.ajax() by using xhrFields?
  5. Hide/Show div on specific page with jquery
  6. How can I upload files asynchronously with jQuery?
  7. Sending multipart/formdata with jQuery.ajax
  8. Why am I getting an OPTIONS request instead of a GET request?
  9. jQuery Ajax error handling, show custom exception messages
  10. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access
  11. How do I format a Microsoft JSON date?
  12. Submitting HTML form using Jquery AJAX
  13. Submit form in rails 3 in an ajax way (with jQuery)
  14. jQuery Ajax wait until all images are loaded
  15. Set Headers with jQuery.ajax and JSONP?
  16. AJAX jQuery.load versus jQuery.get
  17. How to call .ajaxStart() on specific ajax calls
  18. jquery ajax problem in chrome
  19. jQuery.when understanding
  20. Extracting Ajax return data in jQuery
  21. Passing list of values to django view via jQuery ajax call
  22. jqgrid load large data set without pagination
  23. $(this) doesn’t work in a function
  24. jquery with ASP.NET MVC – calling ajax enabled web service
  25. Does Google crawl AJAX content? [closed]
  26. Select only specific dates in jQuery UI datepicker (date list comes from AJAX)
  27. jquery nested ajax calls formatting
  28. jQuery send HTML data through POST
  29. My Own Like Button: Django + Ajax — How?
  30. jQuery.getJSON not working properly in IE8 with gdata json-c. Why? [duplicate]

Leave a Comment