Progress.js Library
Process Result:
1. Defining Your AJAX Calls Sequence
var handler = progressJs.start({
url: 'superhero_secret.json',
type: 'GET',
datas: [
{ first_name: 'Clark', last_name: 'Kent', role: 'Superman' },
{ first_name: 'Bruce', last_name: 'Wayne', role: 'Batman' },
{ first_name: 'Peter', last_name: 'Parker', role: 'Spiderman' },
{ first_name: 'Clark', last_name: 'Kent', role: 'Superman' },
{ first_name: 'Bruce', last_name: 'Wayne', role: 'Batman' },
],
success: function(j,data) {
console.log("Success function: ", data);
},
error: function(j,data) {
console.log("Error function: ", data);
}
});
2. Show Total Number of AJAX Requests
console.log('count:' + progressJs.count(handler));
// number of AJAX calls requested
3. Show Total Number of Success Requests
console.log('completed:' + progressJs.completed(handler));
// number of AJAX calls completed
4. Show Total Number of Failed Requests
console.log('failed:' + progressJs.failed(handler));
5. Cancel the AJAX Sequence
$.each( handler, function( key, value ) {
progressJs.cancel(value);
});