Блог

Я изучаю jQuery и не понимаю этой ситуации:

При запуске этого кода в режиме отладки все работает хорошо. Но при обычном выполнении этого кода функция обратного вызова не запускается. Почему? В режиме без отладки у меня есть -> «Start» -> «End 10»

Браузер: Google Chrome.

 var nrPost = 10;

$("#buttnX").click(function() {
    alert("Start");     
    GoPosts();
    End();
}); 

function End() {
    alert('End '   nrPost);
};

function GoPosts() {
    $.ajaxSetup({async:false});
    var url = "http://......";
    var data = { ... };
    $.post(url, data, Callback, 'json');
};

function Callback(response) {   
    if (response.error) {
        return;
    }

    nrPost--;

    if (nrPost > 0) [
        GoPosts();
    } else {
        return;
    }
};
  

У вас было лишнее }; в вашем коде. Я немного изменил его, чтобы использовать jQuery, и разместил на jsfiddle.

http://jsfiddle.net/rH8RV/19/

Он должен предупреждать: «Start», а затем «End 10», это правильно, исходя из того, как вы писали свой код. Вы ожидали чего-то другого?

Я не знаю, что вы планируете делать со своей рекурсивной реализацией, но если это все, вы действительно могли бы это сделать:

 function startLoop(nrPost) {

    // No need to put this in a loop
    $.ajaxSetup({ async: false });

    for (var i = 0; i < nrPost; i  ) {
        alert('Start '   i);

        var url = 'http://......';
        var data = {};

        $.post(url, data, function (response) {
            if (response.error)
                return;

            alert('End '   i);
        }, 'json');
    }
}

$('#buttnX').click(function () { startLoop(10) });
  

Надеюсь, это поможет!

Я полагаю, вы ожидаете, что отображение будет:

• «Начать»
• «Конец 0»

Вряд ли это сработает с вашим решением.

Ваш вызов Ajax $.post(url, data, Callback, 'json'); является асинхронным. Это означает, что как только $.post метод возвращается, запрос отправляется на указанный вами URL. Однако, Callback не вызывается до тех пор, пока jQuery не получит ответы. Что происходит немедленно, так это то, что GoPosts завершается, и программа продолжается. Он возвращается к строке 5 вашего кода, внутри анонимной функции в вашем обработчике кликов. В этот момент вызывается End() и выдает предупреждение «Конец 10».

Вероятно, вместо этого вы захотите поместить свой вызов в End in Callback :

 function Callback(response)
{   
    if (response.error) 
    {
        return;
    }

    nrPost--;

    if(nrPost>0)
        GoPosts();
    else
    {
        End(); // You only want to end once you have made you nrPost calls to GoPost
        return;
    }
};