Jquery ajax inside loop runs only on first loop

Question

Please help me understand why my ajax code runs only on the first loop. I have an array of JSON. Each JSON needs to be processed to get the response from the server. What happens is that "Processing..." were logged in console number of times as the length of arrayJSON, then the first loop will run ajax. After that I'm getting timeout errors. Below is my code. Many thanks!

        $.each(arrayJSON, function(i, arrayJSONInstance) {

            jsonString = JSON.stringify(arrayJSONInstance);

            $.ajax({
                url: "php/phpcode.php",
                data: {
                    data: jsonString
                },
                dataType: "json",
                type: "POST",
                timeout: 0,
                beforeSend: function (response) {
                    console.log("Processing...");
                },
                success: function (response) {
                    console.log(response);
                    console.log("Success!");
                },
                error: function(response) {
                    console.log("ERROR:\n");
                    console.log(response);
                }
            });
        });

Gaurav Neema · Accepted Answer · 2018-11-21 06:27:31Z

2

As we know, ajax calls are asynchronous, your code is sending multiple ajax calls (depending on the length of the array).

Try making ajax call synchronous using:

async: false

Tell me if it solves the problem.

answered Nov 21, 2018 at 6:27

Gaurav Neema

1561 gold badge1 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jjjjjjjjjj Over a year ago

It worked thank you very much! But I think that setting async to false hangs the UI. Am I right about that? How can we avoid that?

Gaurav Neema Over a year ago

Yes. Using async: false is a bad practice especially when the data is large. In your case, rather than making multiple ajax calls, make a single ajax call and pass the json array in it. Process the json array in your php (backend).

Jjjjjjjjjj Over a year ago

That is what I actually did in my first attempt. But I am expecting the backend to return response after 15-20 minutes. That is why I divided the data into portions so I can immediately prompt the users of the errors encountered backend if there's any, because I think that browsers have ajax timeout.I will also consider sending the data in only one request. I'll just think of how can I return response to the users. Thank you so much for your time and help!

Collectives™ on Stack Overflow

Jquery ajax inside loop runs only on first loop

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related