Question

I have a PHP array that I want to pass to the jQuery function that called it. However when I tried to retrieve the value of ‘lat’ the way i did below, I get the error Cannot read property 'lat' of null, obviously because I dont know how to access a multidimensional JSON array. Can anyone show me how?

PHP Array

Array
(
[0] => Array
    (
        [price] => 1600
        [bedroom] => 1
        [lat] => -71.119385
        [lng] => 42.373917
        [distance] => 6.65195429565453
    )

[1] => Array
    (
        [price] => 1800
        [bedroom] => 1
        [lat] => -71.104248
        [lng] => 42.368172
        [distance] => 4.957829810472103
    )
}

This gets encoded into

JSON

[{"price":"1600","bedroom":"1","lat":"-71.119385","lng":"42.373917","distance":"6.65195429565453"},{"price":"1800","bedroom":"1","lat":"-71.104248","lng":"42.368172","distance":"4.957829810472103"}]

jQuery

$(function() {
    $("#search_button").click(function(e){
        e.preventDefault();
        var search_location = $("#search_location").val();
        $.getJSON('index.php/main/get_places', {search_location: search_location}, function(json){
            $("#result").html(json.lat);
            console.log(json.lat);
        });
    });
});

Answer 1

json is an array, so it won’t have the property lat.

Try:

json[0].lat

To get the first object’s lat property, for example.