Extend DollarJS with async request capability
Add both of the following scripts to your webpage (in this order)
<script src="dollar.js"></script>
<script src="dollar.ajax.js"></script>
Available as a standalone NPM package
$ npm install dollar-js-ajax --save
var $ajax = require('dollar-js-ajax');
$.get('http://example.com', { one: 1, two: 2 }, function(r){ console.log(r); }, 'json');
A convenience alias for
$.ajax({
method: 'get',
url: url,
data: data,
success: success,
dataType: dataType,
});
$.post('http://example.com', { one: 1, two: 2 }, function(r){ console.log(r); }, 'text');
A convenience alias for
$.ajax({
method: 'post',
url: url,
data: data,
success: success,
dataType: dataType,
});
$.getJSON('http://example.com', { one: 1, two: 2 }, function(r){ console.log(r); });
A convenience alias for
$.ajax({
method: 'get',
url: url,
data: data,
success: success,
dataType: 'json',
});
$.getScript('http://example.com/script.js', function () {
// after successful load
}, function () {
// oops, it failed
});
$.ajax({
method: 'get',
headers: { 'X-Custom-Stuff': 'here' },
url: 'http://example.com',
data: { one: 1, two: 2 },
cache: false,
success: function (data, response) {
// handle a successful response
},
error: function (err) {
// handle a failure response
},
complete: function (status, response) {
// handle the response (whether it was successful or not)
},
dataType: 'json',
});
An HTTP request method such as 'get', 'post', 'put', 'delete'. Default is 'get'.
Additional key/value pairs to send on the header of the request.
The url to be requested.
Data to be sent to the server. This will be serialized into the query string (search params) on the url of a GET request or sent in the body of a POST request.
A value indicating if the request should be cached. Disabling caching is done by appending _={timestamp}
to the url. Default is true.
A callback to be executed after a successful response is received. Callback is passed the parsed response data and the original response object.
A callback to be executed after a request fails for any reason. Callback is passed an error object indicating the reason for the failure.
A callback to be executed after a request finishes regardless of the outcome. Callback is passed an indication of the status of the response and the original response object.
The type of data that you're expecting back from the server. Can be 'text', 'html', 'xml', 'json'. If none is specified the Content-Type
response header will be used to determine how to parse the response data. Default is to process as plain text.