Question

Hey. I need some help with jQuery Ajax calls. In javascript I have to generste ajax calls to the controller, which retrieves a value from the model. I am then checking the value that is returned and making further ajax calls if necessary, say if the value reaches a particular threshold I can stop the ajax calls.

This requires ajax calls that need to be processes one after the other. I tried using async:false, but it freezes up the browser and any jQuery changes i make at the frontend are not reflected. Is there any way around this??

Thanks in advance.

Answer 1

You should make the next ajax call after the first one has finished like this for example:

function getResult(value) {
    $.ajax({
        url: 'server/url',
        data: { value: value },
        success: function(data) {
            getResult(data.newValue);
        }
    });
}