Overview
I’ve been moving into using AJAX as a way to create applications directly in websites. While researching, I’ve come across a number of methods that help me retrieve data from and set data on the server for the client. This article strictly covers retrieval methods.
jQuery
Code snippet #1 is the shortcut call for retrieving data from the server. If you want to make a distinction between complete, error, and success events, you would have to use the more traditional AJAX call in code snippet #2.
Code Snippet #1
jQuery.get(
'example.json',
{ key1: value1, .. },
function( data ) {
// This is success.
}
);
Code Snippet #2
jQuery.ajax( {
type: 'GET',
url: 'example.json',
data: { key1: value1, .. },
completed: function() { .. },
success: function() { .. }
});
AngularJS
Code snippet #3 is the shortcut call for retrieving data from the server. If you wanted to pass additional data along with your request, notice the use of the ‘params’ key in code snippet #4. This part really does not match up well with jQuery’s version and took me quite a bit of time to come across the answer – it was not clear in the docs.
Code Snippet #3
$http.get(
'example.json',
{ key1: value1, .. }
)
.success( function( response ) {
})
.error( function() {
});
Code Snippet #4
$http({
method: 'GET',
url: 'example.json',
params: { key1: value1, .. }
})
.success( function( response ) {
})
.error( function() {
});