Looping an ajax function with javascript

Question

I have an array that is looping and each one of them needs to go through a ajax/php function. However this doesn't seem to be working. Can you show me a correct way of doing this?

for (var i = 0; i < arr.length; i++) {
    $.ajax({
        type: "POST",
        data: "data=" + arr[i],
        url: "proxy.php",
        success: function(msg){
            $("#test").html(msg+msg);
        }
    });
}

The id "test" needs to contain all the vals gotten from php.

One thing to be aware of here, the A in AJAX stands for asynchronous. What this means for you is that the responses from your server might not arrive in the order you sent them out. — Matt Burland
– Matt Burland, Commented Nov 2, 2012 at 20:34
Another issue is, depending on the length of your array, you could be sending out a whole bunch of requests at once, which can also cause a problem on the server. You might want to think about how to throttle your requests. — Matt Burland
– Matt Burland, Commented Nov 2, 2012 at 20:44

user400654 · Accepted Answer · 2012-11-02 20:35:24Z

1

.html() replaces the current content with what you pass into it. Instead, you need to add to the content.

$("#test").append(msg,"<br />");

edited Nov 2, 2012 at 20:35

answered Nov 2, 2012 at 20:26

user400654

95.1k16 gold badges168 silver badges188 bronze badges

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

2 Comments

A. Wolff Over a year ago

Could be write $("#test").append(msg,'<br />') to fit jquery typo

user400654 Over a year ago

Ah, yeah i forgot .append could take multiple arguments. Thanks!

Collectives™ on Stack Overflow

Looping an ajax function with javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest