Ajax循环调用

Question

I know there are lot of question regarding this but still I am unable to find a proper answer which makes my code run properly.

I have one function defined to call ajax which I cannot change due to security issue. This is how I call that function

var JsonIQDetails = JSON.stringify(input);//Some input

//pram 1:MethodUrl, 2:JsonObject, 3:ReturnType, 4:SuccessCallBackFunction
InvokeAjaxCall(Url, JsonIQDetails, "json", Success); 

I have array of objects (more than 500). Since JSON is getting very long so I am unable to make ajax call. Again due to security issue I can't change config file too. So JSON length cannot be increased.

I am dividing the array into small chunks of 100 and calling the method

for (i = 0, j = mainObject.length; i < j; i += chunk) {
    var newSubObject = mainObject.slice(i, i + chunk);
    InvokeAjaxCall(Url, newSubObject, "json", Success);

    function Success(data) {
        if (!data) {
            alert("Failed");
            break;
        }
    }
}

Its moving without completing the for loop and executing the next code. So I want first it to complete the for loop (Probably asynchronous)

Thanks in Advance..!!!

Answer 1

Ajax is by default Asynchronous, so you pretty much need to invoke the next part of your ajax call in your success function. Here is a recursive loop that takes care of that.

var ajaxRecursive = function(i, j, c){
    if(i < j){
       var newSubObject = mainObject.slice(i, i + chunk);
       InvokeAjaxCall(Url, newSubObject , "json", function(data){
           //do stuff with data
           ajaxRecursive(i+=chunk, j,chunk);
       });
    }
}


ajaxRecursive(0, mainObject.length, chunk);

Supposing that the other variables within ajaxRecursive are defined globally.

Update description:

• You can get rid of your "success" function and just create it annonymously.