How to show data using ajax with josn parse in codeigniter?

<div class="card card-success col-md-12">

<div class="card-body">
<button class="btn btn-primary" id="btn-show"> Show Users</button>
<div class="row">
<div class="card-body p-0">
<div id="show-div"> </div>

<br/>

<div id="divtable" style="display:none;">
<table class="table table-striped projects" id="usertable">
<thead>
<tr>

<th style="width: 1%">
S.No
</th>
<th style="width: 15%">
Name
</th>
<th style="width: 20%">
Email
</th>
<th>Mobile</th>



</tr>
</thead>
<tbody>

</tbody>
</table>
</div>


</div>







</div>
</div>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#btn-show").click(function(event) {
$.ajax({
method: "POST",
// type: 'get', url:"<?php echo base_url();?>getenquiry/data_show",
beforeSend: function (f) {
$('#show-div').html('Load Table ...');

},
success: function (data) {

$('#divtable').show();
var obj = JSON.parse(data);
var len = obj.length;

for(var i=0; i<len; i++){
var id = obj[i].pki_id;
var username = obj[i].vc_name;
var email = obj[i].vc_email;
var mobile = obj[i].vc_mobile;

var tr_str = "<tr>" +
"<td align='center'>" + (i+1) + "</td>" +
"<td align='center'>" + username + "</td>" +
"<td align='center'>" + email + "</td>" +
"<td align='center'>" + mobile + "</td>" +
"</tr>";

$("#usertable tbody").append(tr_str);

}
},
error: function(){
console.log(data);
alert('Error while request..');
}

});

});
});

</script>

public function data_show()
{

$data = $this->User_model->Fetchdata();
echo json_encode($data);
//echo json_encode(array("data" => $data));
exit;

}

public function Fetchdata()
{
$this->db->select('*');
$this->db->from('user_quote');
$query=$this->db->get();
return $result = $query->result();
}

<div class="card card-success col-md-12">

<div class="card-body">
<button class="btn btn-primary" id="btn-show"> Show Users</button>
<div class="row">
<div class="card-body p-0">
<div id="show-div"> </div>

<br/>

<div id="divtable" style="display:none;">
<table class="table table-striped projects" id="usertable">
<thead>
<tr>

<th style="width: 1%">
S.No
</th>
<th style="width: 15%">
Name
</th>
<th style="width: 20%">
Email
</th>
<th>Mobile</th>



</tr>
</thead>
<tbody>

</tbody>
</table>
</div>


</div>







</div>
</div>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#btn-show").click(function(event) {
var id = '1';
$.ajax({
method: "POST",
// type: 'get', url:"<?php echo base_url();?>getenquiry/data_show",
data:{id:id},
beforeSend: function (f) {
$('#show-div').html('Load Table ...');

},
success: function (data) {

$('#divtable').show();
var obj = JSON.parse(data);

var id = obj['0'].pki_id;
var username = obj['0'].vc_name;
var email = obj['0'].vc_email;
var mobile = obj['0'].vc_mobile;

var tr_str = "<tr>" +
"<td align='center'>" + (1) + "</td>" +
"<td align='center'>" + username + "</td>" +
"<td align='center'>" + email + "</td>" +
"<td align='center'>" + mobile + "</td>" +
"</tr>";

$("#usertable tbody").append(tr_str);





},
error: function(){
console.log(data);
alert('Error while request..');
}

});

});
});

</script>

public function data_show()
{
$id = $this->input->post('id');
$data = $this->User_model->Fetchdata($id);
echo json_encode($data);
//echo json_encode(array("data" => $data));
exit;

}

public function Fetchdata($id)
{
$this->db->select('*');
$this->db->from('user_quote');
$this->db->where('pki_id', $id);
$query=$this->db->get();
return $result = $query->result();
}

<div class="card-body">
<button class="btn btn-primary" id="btn-show"> Show Users</button>
<div class="row">
<div class="card-body p-0">
<div id="show-div"> </div>

</div>

</div>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#btn-show").click(function(event) {
var id = '1';
$.ajax({
method: "POST",
url:"<?php echo base_url();?>getenquiry/data_show",
data:{id:id},
dataType:'json',

success: function (data) {
$('#divtable').show();

data.forEach(function(entry) {
$("#show-div").append("<table><tr><td>"+entry.vc_name+"</td><td>"+entry.vc_email+"</td> <td>"+entry.vc_mobile+"</td> </tr></table>");
// $("#show-div").append("<div>"+entry.vc_email+"</div>");
//just add everything here
});



},
error: function(){
console.log(data);
alert('Error while request..');
}

});

});
});

</script>

public function data_show()
{
$id = $this->input->post('id');
$data = $this->User_model->Fetchdata($id);
echo json_encode($data);
//echo json_encode(array("data" => $data));
exit;

}

public function Fetchdata($id)
{
$this->db->select('*');
$this->db->from('user_quote');
$this->db->where('pki_id', $id);
$query=$this->db->get();
return $result = $query->result();
}