Невозможно отобразить подробные данные пользователя в html (но можно показать массив с помощью print_r ()) «codeigniter»

Я хочу показать пользовательскую деталь модальной, когда я нажимаю кнопку подробностей рядом с каждым именем пользователя, но проблема в том, что я не могу отобразить данные "user_detail", которые я получил от контроллера, из-за меня это запутывает, потому что когда я показываю от контроллера, использующего print_r(), он отлично отображает массив данных, который я хочу. Теперь я просто хочу отобразить его как html, так как я отображаю всех пользователей в первую очередь.

Вот мой полный код, я думаю, нам нужно просто сосредоточиться на get_detail() в контроллере.

Модель /test_model.php:

function get_user()
{
    $query = $this->db->query("SELECT * FROM tb_users ");
    $result = $query->result_array();   
    return $result;        
}

function get_detail($user_id)
{
    $query = $this->db->query("SELECT * FROM tb_users where user_id = '".$user_id."'");
    $result = $query->result_array();   
    return $result;
}

Контроллер /Welcome.php:

public function index() 
{
    $data["datakcp"] = $this->test_model->get_user();
    $this->load->view('welcome_message',$data); // do this by loading a "view" that formats the data we gather here
}

public function get_user($user_id = null) 
{
        // get the user_id from the ajax request
        // this means if $user_id is set (not null) then make $user_id = $user_id. Otherwise, make $user_id = posted input
        $user_id = ($user_id) ? $retailer_id : $this->input->post('user_id');

        $datadetail= $this->test_model->get_detail($user_id);

       echo json_encode($datadetail);
}

Просмотров /my_view.php:

<div class="container" style="width:700px;">  
    <h3 align="center"> </h3>  
    <br>  
    <div class="table-responsive">  
        <table class="table table-bordered">  
            <tr>  
                <th width="70%">Employee Name</th>  
                <th width="30%">View</th>  
            </tr>  
            <?php foreach($datakcp as $user){ ?>  
            <tr>  
                <td><?php echo $user["user_name"] ?></td>  
                <td><input type="button" name="detail" value="detail" id="<?php echo $user["user_id"] ?>" class="btn btn-info btn-xs view_dawta"></td>  
            </tr>  
            <?php } ?>  
         </table>  
     </div>  
 </div>  
 <div id="dataModal" class="modal fade">  
     <div class="modal-dialog">  
         <div class="modal-content">   
             <div class="modal-body" id="employee_detail"> 
             <table>
                 <thead>
                     <th>Username<th>
                     <th>Campaign</th>
                 </thead>
                 <tbody id="userDetail">
                 </tbody>
             </table>
         </div>   
     </div>  
 </div>  

Мой сценарий jQuery ajax:

 <script>  
      $(document).ready(function(){  
        $('.view_dawta').click(function(){  
            var user_id= $(this).attr("id");  
            $.ajax({  
                url:"index.php/Welcome/get_user",
                method:"post",

                data:{user_id:user_id},  
                success:function(data){  
               console.log(data)
                    $.each((JSON.parse(data)), function(key, value){
                        $('#userDetail').append(
                            '<tr>'+
                            '<td>'+value.user_name+'</td>'+
                            '<td>'+value.campaign_name+'</td>'+
                            '</tr>'
                            );
                            });
                    $('#dataModal').modal("show");
                }   
            });  
        });  
    });  
</script>