Question

I am looking for a way to have a .getJSON, call another function which in return conducts another .getJSON call.

I’m iteratively calling a JSON method on my Controller and want to finish this iterative cycle if a certain condition is met. If this condition is met (can only be checked from within the JSON method), I want to call another JSON method on the Controller (persisting some data etc.).

However, the second JSON call is never made. When I’m callin the second function manually outside of the first function, the call is made correctly.

Any hints on that or is my design utterly flawed anyways?

EDIT

Chyeaah.. forgot the code.. 😀

 <script type="text/javascript">
    $(window).load(function() {
        var poller = setInterval(tick, 1000);
    });
    function tick() {
        $.getJSON("votingtick", function(voting) {
            if (voting != null) {
                if (voting.timeleft < 0) {
                    clearInterval(poller);
                    finalize();
                } else {
                    $("#timeout").text(voting.timeleft);
                    $("#voters").text(voting.votingCount);
                }
            }
        });
    }
    function finalize() {
        $.getJSON("votingend", function(voting) {
            if (voting != null) {
                $("#finished").fadeIn('fast');
            }
        });
    }
</script>

Think this is most relevant, no?

Answer 1

I suspect that you have a scope problem with your poller variable. It is probably only defined in your $(window).load function and nowhere else. So when the browser attempts to execute the clearInterval, an exception is thrown and the script is aborted. You can verify this by surrounding the code in your $.getJSON function with a try catch.

If you remove the var keyword in that function, poller will become a global variable that you can reference anywhere in the script.