How to get AJAX Progress for an POST request?

Asked Jan 29 '18 at 10:42

Active Jan 29 '18 at 15:04

Viewed 266 times

I'm making an AJAX HTTP POST request to an Python flask REST api. Can I get the percentage of the request completed?

Any suggestion using $ajax or $http?

I have tried the below code. I'm getting the values along with the response.

xhr.addEventListener("progress", function (evt) {
if (evt.lengthComputable) {
    var percentComplete = evt.loaded / evt.total;
    console.log(percentComplete * 100);
     $('.progress').css({
           width: percentComplete * 100 + '%'
     });
     if (percentComplete == 1) {
         $('.progress').addClass('hide');
     }
}
}, false);
return xhr;

edited Jan 29 '18 at 11:02

asked Jan 29 '18 at 10:42

Krishna

1,089
5
24
38

What you have tried so far ? – Ayaz Ali Shah Jan 29 '18 at 10:42
Note that you can only get the progress of the request *being sent*, not the progress of data being processed on the server or returned. See the duplicate for more information. – Rory McCrossan Jan 29 '18 at 10:43
It's best to use `$http` in AngularJS applications. `$http` has `uploadEventHandlers` in config that will notify your progress. – Aleksey Solovey Jan 29 '18 at 10:53
@AlekseySolovey I'm not uploading any file, just a JSON POST & JSON response – Krishna Jan 29 '18 at 11:01
@Mr.Developer I have edited my question by adding the code I have tried – Krishna Jan 29 '18 at 11:03
@Krishna there is also `eventHandlers` [check the config](https://docs.angularjs.org/api/ng/service/$http#usage). jQuery is usually not used since it's not part of angularjs's $digest cycle – Aleksey Solovey Jan 29 '18 at 11:06

How to get AJAX Progress for an POST request?

0 Answers0