Ajax循环等待完成

Question

I have an ajax call inside a loop:

$.each(chunkedImages, function(index, image) {
    $.ajax({
        type: 'POST',
        url: url,
        data: {images: image, key: key},
    }).success(function( data ) {
        countConvertedImages += data;

        if( index === chunkedImages.length-1 ) {
            console.log( countConvertedImages );
        }
    });

});

My problem is that the "countConvertedImages" variable is not up to date. There is not the correct value inside, for some reason. I think it has to do with the order of the ajax calls because they might not be finished.

How can I output something after all ajax calls have finished?

Answer 1

Use $.when as mention below

 $.when(
                $.each(chunkedImages, function (index, image) {
                    $.ajax({
                        type: 'POST',
                        url: url,
                        data: { images: image, key: key },
                        success: function (data) {
                            countConvertedImages += data;
                            if (index === chunkedImages.length - 1) {
                                console.log(countConvertedImages);
                            }
                        }
                    })
                })
            ).done(function () {
            });