jQuery ajax loop and iteration scope

Question

I\'m wondering why in the code below the i variable still shows \"5\" instead of showing \"1\" then \"2\" the

Answer 1

This is due to Closures in JavaScript. Here's the fix -

for (var i = 0; i < 5; i++) { 
   (function(i){
    $.ajax({
        url: '/echo/html/',
        method:'post',
        data: {
            html: 'Ajax data'
        },
        success: function (resp) {
            $('#success').append(i) 
        }
    })
    })(i);

    $('#outsideAjax').append(i); 
}