What is the difference between jQuery.get() and jQuery.ajax(

Tapan Mallick

9y5.7k

What is the difference between jQuery.get() and jQuery.ajax()?

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajkiran Swain9y ago
Accepted answer
ajax() method is more powerful and configurable, allows you to specify how long to wait and how to handle error, get() is a specialization to over ajax just to retrieve some data.
Ankush Rathod9y ago
Essentially, $.get(), $.post(), $.load() are all just wrappers for $.ajax(). Also, .ajax and .get are practically the same thing and have the same result.
jQuery.ajax() performs an asynchronous HTTP (Ajax) request. It gives the user the most control. It is the most configurable one. It provides the user with fine grained control over HTTP headers and such
jQuery.get() is a helper function which only can be invoked on elements. It gets data from the server and places the returned HTML into the matched element and allows the user to define where in the document the returned data is to be inserted.
Sanjit Kumar Singh9y ago
jQuery.ajax()
jQuery.ajax({
url: 'test.txt',
dataType: 'text',
type: “GET”,
success: function(data) {
console.log(data);
}
});
In example # 1, we use the jQuery.ajax() method. There are certainly more configurable parameters, but here we are using the bare minimum.
There is not much going on here. We pass an object into the jQuery.ajax() method. That object has four properties: “url,” “dataType,” “type,” and “success.” Here are the details for each property:
url: This is the URL of the file that you want to grab via your ajax call.
dataType: This determines how the return data will be treated (i.e. pure text, html, XML, etc.).
type: This the request type. Choose “GET” or “POST.” This is actually optional, if you omit it, jQuery will default to “GET.”
success: This is a callback function that is fired after a successful http request has completed. The first argument to the function is the data returned from the server. There are other arguments that can be passed in as well.
As long as you have a file named “test.txt” that has some kind of message, and it is in the same folder as your html file, the contents of that text file will appear in your JavaScript console (don’t forget to open the console! : – ). Of course, you can put that file anywhere you want, as long as it is on the same domain as the requesting file.

jQuery.get()
jQuery.get('test.txt',function(data){
console.log(data)
},'text');
In example # 2, we use the .get() method, which is a kind of shorthand for jQuery.ajax(). When using jQuery.get(), instead of passing in an object, you pass in arguments. At minimum, you’ll need the first two arguments, which are the URL of the file you want to retrieve (i.e. ‘test.txt’) and a success callback. In this example, we also passed in a third argument: ‘text,’ which told jQuery that we wanted to treat the return message as text.
The jQuery.get() method is recommended when you want to make a quick and dirty Ajax call and you are sure it will be a GET. There’s not much more to it. Short and sweet.

I hope it will help You.
Vivek Kumar9y ago
Please go through the below links for better understanding.

https://stackoverflow.com/questions/3870086/difference-between-ajax-and-get-and-load

https://blog.kevinchisholm.com/javascript/jquery/jquery-ajax-get-post-difference/

http://findnerd.com/list/view/What-is-the-difference-between-jQuery-get-and-jQuery-ajax/23125/