looping through json array Jquery

Question

I am returning the data below from a PHP script:

[{"Town":"Mancetter"},{"Town":"Manchester"},{"Town":"Mancot Royal"}]

I basically just want to loop through the results and display the town, here is my jQuery:

function search_town(){


var keyword = $('.town_s').val()


    $.ajax({
        type: "GET",
        url: "class/ajax.php",
        data: { "town_search" : keyword },
        success: function(data){

            var data = $.parseJSON(data);

            for (var i = 0, l = data.length; i < l; i++) {

                    alert(i + ': ' + data[i]);
                }


        }
});

        }

I'm not getting the results desired... what is alerted is 0:[object Object]

Any ideas where I may be going wrong?

Thanks

wirey00 · Accepted Answer · 2012-09-24 15:06:32Z

4

You need to specify the property to get

data[i].Town

by looping you are going through each object in the array.. so the first iteration will get you

{"Town":"Mancetter"}

Which you can access the property in the loop by using data[i].Town

and so on

answered Sep 24, 2012 at 15:06

wirey00

33.7k7 gold badges56 silver badges65 bronze badges

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

2 Comments

jhodgson4 Over a year ago

And as if by magic, it works, you rock! So data[i] selects the object within the array?

wirey00 Over a year ago

Yes. According to your data structure.. You have an array of 3 objects.. So each loop returns each object

Collectives™ on Stack Overflow

looping through json array Jquery

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

Related