jQuery multiple json requests into an array

Question

I'm trying to make multiple JSON request inside a loop and save them into a variable so that I can use the variable later. So far I have this, but it returns an empty array. Any helps is much appreciated.

function multipleJSON(){
    var arr=[];
    var result = (function () {

        for(var 0=1;i<10;i++){
            .ajax({
                'async': false,
                'global': false,
                'dataType': jsontype,
                'url': 'index.php?param='+i+ '&callback=?',
                'dataType': jsontype,
                'success': function (data) {                 
                    arr.push(data);
                }
            });
        }
        return arr;
    })(); 

    return result;

}

// returns an empty array
my var=multipleJSON();

As @HarryFink, says your for loop is completely wrong. Read this stackoverflow.com/questions/3010840/… — Liam
– Liam, Commented Aug 9, 2013 at 8:19
Code is cleaned up and corrected in the for loop. My answer should resolve the main issue. — Raidri
– Raidri, Commented Aug 9, 2013 at 8:32
@Raidri, you shouldn't not of edited the question to removed the for loop. you've effectivly altered the question. If it was wrong you should of highlighted this in your answer. This edit should of never gotten though the confirm procedure.... — Liam
– Liam, Commented Aug 9, 2013 at 9:18
the original code would not run (and return an empty array), so I thought it only a typing error and concentrated on the (in my opinion) main async/callback error — Raidri
– Raidri, Commented Aug 9, 2013 at 9:46

HarryFink · Accepted Answer · 2013-08-09 14:41:25Z

1

Try the jquery's when function:

$.when(
    $.ajax("/page1.php"), 
    $.ajax("/page2.php")
)
.then(myFunc, myFailure);

http://api.jquery.com/jQuery.when/

answered Aug 9, 2013 at 14:41

HarryFink

1,0001 gold badge6 silver badges6 bronze badges

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

Comments

Raidri · Accepted Answer · 2013-08-09 09:48:29Z

0

You have an error in you for loop: for(var 0=1;i<10;i++) { should be for(var i=0;i<10;i++) {
You return the arr before the ajax calls have finished. You could use a counter in the success methods and return the arr from the success method, when the counter reaches 10.

edited Aug 9, 2013 at 9:48

answered Aug 9, 2013 at 8:19

Raidri

17.7k11 gold badges69 silver badges70 bronze badges

3 Comments

Liam Over a year ago

-1 for editing the question not adding the code to your answer.

user2667042 Over a year ago

Thanks for prompt replies and sorry for the typo in the original code. I tried moving the arr in the success method, but it stills does not work. Can you provide me with a complete code? Thanks a lot!

Raidri Over a year ago

Since the ajax calls are asynchron, you can't return the array directly, you have to use something like here: jsfiddle.net/8yLwy/2

Collectives™ on Stack Overflow

jQuery multiple json requests into an array

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related