Ajax request monitoring flow

Question

I have an AJAX Request in a JavaScript script where I GET a file like that:

 $.ajax({ type: "GET", url: "./" + img_type + ".bmp", dataType: "html", timeout: test_timeout, cache: false, success: function(msg) { //some stuff } });

The code itself is correct and works perfectly. Is there a way to know HOW much of the file I've downloaded while the request is still ongoing? I mean, once the request gives to me the success message I know that I've downloaded the entire file, but what if I want to know after two seconds of beginning?

You'll need to use the original XMLHttpRequest to do it and only some browsers supports it (Chrome, Firefox, Safari, IE10) — Licson
– Licson, Commented Dec 29, 2012 at 16:11

hunterloftis · Accepted Answer · 2012-12-29 16:21:03Z

2

Check out the "monitoring progress" section here:

https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest

answered Dec 29, 2012 at 16:21

hunterloftis

13.8k5 gold badges51 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Licson · Accepted Answer · 2013-01-25 13:56:26Z

Here's an example:

var xhr = new XMLHttpRequest; xhr.onprogress = function(e){ if(e.lengthComputable){ var progress = e.position || e.loaded; var total = e.totalSize || e.total; var percent = progress/total*100; //do something with progress here } }; xhr.onload = function(){ var content = xhr.responseText; //do something with the result here }; xhr.open('GET','./'+type+'.bmp',true); xhr.send();

Collectives™ on Stack Overflow

Ajax request monitoring flow

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related