How to LOOP inside the Array returned from jQuery Ajax Success?

Question

I'm trying to loop the returning Array from PHP. But still don't get the way. Examples are ~

PHP:

$items = array();
$items["country"] = "North Korea",
$items["fruits"] = array(
                      "apple"=>1.0,
                      "banana"=>1.2,
                      "cranberry"=>2.0,
                    );
echo json_encode( $fruits );

jQuery:

$.ajax({
    url: "items.php",
    async: false,
    type: "POST",
    dataType: "JSON",
    data: { "command" : "getItems" }
}).success(function( response ) {

    alert( response.fruits.apple ); //OK
    // <------ here, how do i loop the response.fruits ? -----

});

Then how can i loop to know which Fruits i got, please?

Ehsan Sajjad · Accepted Answer · 2014-05-19 08:59:15Z

5

you can do this way:

$.each(response.fruits,function(key,value){

console.log(key+":"+value);

});

answered May 19, 2014 at 8:59

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

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

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2014-05-19 08:59:17Z

2

You can use $.each() function to achieve what you want.

Try,

$.each(response.fruits,function(key,val){
   alert(key);
});

answered May 19, 2014 at 8:59

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Comments

Arun P Johny · Accepted Answer · 2014-05-19 08:59:35Z

2

You can use $.each() to iterate over the properties of an object like

$.each(response.fruits, function(key,val){
    console.log(key + '-' + val)
})

answered May 19, 2014 at 8:59

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

furier · Accepted Answer · 2014-05-19 09:14:22Z

1

All these examples uses jQuery, but you can do it with native ECMA5 forEach. No library needed!

response.fruits.forEach(function(value){
    //do what you need to do
});

answered May 19, 2014 at 9:14

furier

1,9771 gold badge22 silver badges39 bronze badges

Collectives™ on Stack Overflow

How to LOOP inside the Array returned from jQuery Ajax Success?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related