$.getJSON with in a foreach Loop over all input fields

Question

i have a quick question. I want to iterate over all checked checkboxes and parse the json files for the checked ones.

Here is my problem: The $().each function is synchronous and the $.getJSON() function is asynchronous. So i know i would have to pause the exectuion of the each() loop until the JSON File is parsed. How can i pause the loop? Or any other ideas solving this problem? Thank you very much.

$("input:checkbox[name=check]:checked").each(function()
{
    $.getJSON( $(this).val(), function( data ) {
        //Do smth.
        //Pause the each loop?
    }).error(function(jqXhr, textStatus, error) {
            alert("ERROR: " + textStatus + ", " + error);
    });
}); 
alert("foo"); //<-- gets executed before all json files are parsed.

Why would you need to pause the each loop? What are you doing with data returned from server? — A. Wolff
– A. Wolff, Commented Apr 26, 2014 at 15:10
The JSON Files contain questions. And i want to check how many questions in all selected json files are. So instead of alert("foo"); i want to check how many questions in the parsed json files are contained. Right now the each function is finished before even the first json file is completly parsed. — Nils
– Nils, Commented Apr 26, 2014 at 15:19
First, collect all the checked boxes. Then send this as an array or JSON to your backend. Send back one answer and do your stuff in the callback of your AJAX function. — Dirk McQuickly
– Dirk McQuickly, Commented Apr 26, 2014 at 15:23
@Nils you should read: stackoverflow.com/questions/14220321/… — A. Wolff
– A. Wolff, Commented Apr 26, 2014 at 15:29

Selvaraj M A · Accepted Answer · 2014-04-26 15:16:27Z

-3

If you want to make the AJAX request synchronouse, pass async config as false.

$.ajax({
  dataType: "json",
  url: 'your URL',
  async: false,
  success: success
});

Documentation

answered Apr 26, 2014 at 15:16

Selvaraj M A

3,1363 gold badges32 silver badges47 bronze badges

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

7 Comments

A. Wolff Over a year ago

Users usually don't like freezed UI

Selvaraj M A Over a year ago

The question is about pausing the execution of the loop until the AJAX completes. 'async' does the job.

PhistucK Over a year ago

@SelvarajMA it does do the job, but it uses the worst practice and may deadlock the browser (or the tab) if anything goes wrong (I down voted).

Nils Over a year ago

this was exactly what i needed. The "freezed" UI is something i can deal with. I will show a the loading indicator. Thank you very much!

Selvaraj M A Over a year ago

@PhistucK SO is about answering the question. Not for preaching what you believe. And please look at Nil's comment above. Everyone has their own requirements.

|

Collectives™ on Stack Overflow

$.getJSON with in a foreach Loop over all input fields

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related