I am trying to print the json_encode in my view. But its always displaying as json object. I want to print the below object in an html formatted output. I am just implementing a twitter like more button for the pagination results. Can some one help me.
Here is my Controller:
function get_results($offset)
{
$this->load->model('my_model');
$this->data['latest_messages'] = $this->my_model->searchresult($offset);
$this->output->set_header('Content-Type: application/json; charset=utf-8');
echo '<script> var data = ' . json_encode($this->data['latest_messages']). ' </script>';
}
Here is my View:
<script type="text/javascript">
google.load("jquery", "1.10.1");
</script>
<script type="text/javascript">
$(document).ready(function(){
var num_messages = <?=$num_messages?>;
var loaded_messages = 0;
$("#more_button").click(function(){
loaded_messages += 10;
$.get("<?php echo $base_url;?>" + "controller/get_results/" + loaded_messages, function(data){
$("#main_content").append(data);
});
if(loaded_messages >= num_messages - 10)
{
$("#more_button").hide();
}
})
})
</script>
<link rel="stylesheet" href="<?=base_url();?>css/main.css" type="text/css" />
</head>
<body>
<?php $this->load->view('includes/topbar'); ?>
<?php $this->load->view('includes/menu'); ?>
<?php $this->load->view('includes/left'); ?>
<div id="contentwrap">
<div id="content">
<div id="main_content">
<?php
foreach($this->data['latest_messages'] as $message)
{
echo $message->email . ' - ' . '<br />';
}
?>
</div>
<div id="more_button">
More
</div>
</div>
</div>
<?php $this->load->view('includes/right'); ?>
<?php $this->load->view('includes/foot'); ?>
When I click on More link, the results are loading fine but I want to display the results in a nice formatted output instead of json object as shown below
[
{" id":"11"," group_fk":"1"," email":"test1@gmail.com"," username":"test1"},
{" id":"12"," group_fk":"1"," email":"test2@gmail.com"," username":"test2"},
{" id":"13"," group_fk":"1"," email":"test3@gmail.com"," username":"test3",},
]