JS / JQuery - Ajax progression

24/02/2018 22:23

3


Obtenez une progression avec ajax dans JQuery.

Téléchargez le plugin

$.ajax({
    method: 'GET',
    url: 'data/bird.json',
    dataType: 'json',
    success: function() { },
    error: function() { },
    progress: function(e) {
        //make sure we can compute the length
        if(e.lengthComputable) {
            //calculate the percentage loaded
            var pct = (e.loaded / e.total) * 100;

            //log percentage loaded
            console.log(pct);
        }
        //this usually happens when Content-Length isn't set
        else {
            console.warn('Content Length not reported!');
        }
    }
});

A ne pas oublier dans le PHP


header('Content-Type: application/json');
header("Content-length: $size");

Où $size est la taille du json