Loop JSON response after ajax success

Question

Sorry this is a duplicate from here asked in SO but I'm new to this so I would like to know how to do it?

This is my ajax call:

  $("#btnprocess").click(function () {
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/GetFilenames",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        alert(response.d[0]);
                        alert(response.d[1]);
                      }
                });
  });

Individually I'm able to get the response but I need to loop them.

Can anyone say me how do I do this?

@xander-that dosent depend on how many points you gain it's a matter of learning something new — coder
– coder, Commented Apr 20, 2012 at 18:48

Michael Coxon · Accepted Answer · 2015-07-06 14:45:50Z

12

Use $.each().

$.each(response.d, function(key, value) {
    //For example
    console.log(key + value)
})

Look here to learn about it. (EDIT: Or here - it's a video tutorial if you prefer that.)

edited Jul 6, 2015 at 14:45

Michael Coxon

5,5401 gold badge29 silver badges54 bronze badges

answered Apr 20, 2012 at 18:46

Jonny Burger

9114 silver badges11 bronze badges

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

Comments

jasonmerino · Accepted Answer · 2012-04-20 18:54:44Z

7

if response.d is an array you could place it in a for loop like so:

for ( var i = 0; i < response.d.length; i++ ) {
    // do action here
}

This method is preferred over the jQuery $.each() function due to its speedier nature. Check out this Fiddle for a comparison of for vs $.each().

edited Apr 20, 2012 at 18:54

answered Apr 20, 2012 at 18:47

jasonmerino

3,2402 gold badges23 silver badges40 bronze badges

Comments

keune · Accepted Answer · 2012-04-20 18:46:06Z

6

You could do;

for (var i=0; i<response.d.length; i++) {
 alert(response.d[i]);
}

answered Apr 20, 2012 at 18:46

keune

5,8054 gold badges39 silver badges53 bronze badges

Collectives™ on Stack Overflow

Loop JSON response after ajax success

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related