My PHP response looks like this multidimensional array:
{
"results":
{"id":"153","title":"xyz","description":"abc"},
{"id":"154","title":"xyy","description":"abb"},
"filter_color":{"Red":1,"Blue":8},
"count_rows":{"rows":"10"}
}
With jquery I want to fetch this data and display the data in a table... But how could I select a specific key/value pair? (e.g. I just want to show all descriptions from my result).
If your PHP array is like this:
$myArray = array ( 'results' => array (
array ( 'id' => '153',
'title' => 'xyz',
'description' => 'abc' ),
array ( 'id' => '154',
'title' => 'xyy',
'description' => 'abb' )
),
'filter_color' => array ( 'Red' => 1, 'Blue' => 8 ),
'count_rows' => array ( 'rows' => '10' )
);
Which would give you this response using json_encode():
{
"results":
[ {"id":"153","title":"xyz","description":"abc"},
{"id":"154","title":"xyy","description":"abb"} ],
"filter_color":{"Red":1,"Blue":8},
"count_rows":{"rows":"10"}
}
And your jQuery looks a little like this:
$.ajax({
url: "http://example.com",
success: function(data) {
// Then you can do this to print out the description of each result
// in the browser console... or append the info to a table
for(var i in data.results) {
console.log(data.results[i].description);
$("table").append("<tr><td>" + data.results[i].title + "</td><td>" + data.results[i].description + "</td></tr>");
}
}
});
