Как перебирать объекты json и привязывать их к элементам html? ⇐ Jquery

[Anonymous]

Мне нужно перебрать объекты JSON, поступающие от моего контроллера, и привязать данные к элементам html. Когда я предупреждаю, что получаю объекты.
Как я могу перебирать эти объекты, чтобы получить доступ к отдельным данным и добавить их к элементам html?

Я пробовал следующие коды. У меня здесь всего несколько элементов для демонстрации, фактический массив очень большой.

Мой контроллер:

public function grid_view_ajax_function()
{
$contacts_details="";
$this->load->model('contact_model');
$contacts_details= $this->contact_model->get_all_contacts();
$result = array();
$data = array();
foreach ($contacts_details as $row_data){
$data['id'] =$row_data['contact_id'];
$data['image'] =$row_data['image'];
$data['name'] =$row_data['first_name'];
$data['last_name'] =$row_data['last_name'];
array_push($result, $data);

}
echo json_encode(array('data' => $result));
}


Файл main.js для перебора объектов в jquery:

$.getJSON(global_base_url + "contact/grid_view_ajax_function",function(data)
{
var div_data = '';
$.each(data,function(i,data)
{

div_data +='

'+data.name+''+data.email+'';
});


Данные JSON:

{
"data":[
{
"id":"1",
"image":"4.jpg",
"name":"Mack ",
"last_name":"Jack",
"title":"Adminstration",
"city":"London"
},
{
"id":"2",
"image":"person-list.png",
"name":"Renia",
"last_name":"Jack",
"title":"Archetectuer"
}
]
}


Подробнее здесь: https://stackoverflow.com/questions/260 ... ml-elemnts