Jquery JSON response is undefined

Question

I have a script that makes an ajax call to a php file, the php file returns two values, a lat and a long.

The ajax response is correct, when checking in firebug I get this response:

[{"latitude":"-0.758623","longitude":"52.047870"}]

This is the code I am using to make the call, what I dont understand is why response.latitude and response.longitude are returned as undefined:

 $.ajax({
        type: "POST",
        url: "http://www.url.com/route/findRoute",
        data: {postcode: postCode},
        dataType: 'json',
        success: function(response)
            {
                alert(response.longitude);
            }
        });

Please can anyone point me in the right direction?

Many thanks

Jim

score 3 · Answer 1 · answered May 28 '14 at 18:45

3

it is array you have to loop like this:

$.each(response,function(index,item){

    console.log(item);

});

or if it will always be single item then you can access first index like this:

console.log(reponse[0].latitude);
condole.log(reponse[0].longitude);

WORKING FIDDLE

answered May 28 '14 at 18:45

Ehsan Sajjad

61,834
16
105
160

Thanks, rethought because it waves single result it would be a single object returned but (obviously now) it's an array of objects! – JimmyBorofan May 29 '14 at 19:20
if its array of objects then go with looping it using ``$.each`` or ``$.map`` – Ehsan Sajjad May 30 '14 at 04:16

score 1 · Accepted Answer · answered May 28 '14 at 18:48

1

Since the response is an array. You can loop through all elements like so

response.forEach(function(data){
    console.log(data.latitude);
});

answered May 28 '14 at 18:48

Joseph N.

2,437
1
25
31

Thanks, I didn't know it had already converted to an array, I assumed because it was a single request it would natively be and object of one level – JimmyBorofan Jun 29 '14 at 12:59

Jquery JSON response is undefined

2 Answers2