Javascript 通过ajax在codeigniter中将数据库数据显示为列表

我是codeigniter的新手，我一直试图以按钮的形式将数据库中的数据显示为ul列表。使用php很容易做到这一点，但我想使用ajax显示同样的内容，以减少加载时间。我尝试了一些方法，但无法显示数据。我真的需要你的帮助，谢谢你的帮助。提前谢谢

控制器：

function user()
    {
        $this->data['list'] = $this->mobiles_model->get_status();
        $this->_render_page('user', $this->data);               
    }

型号：

function get_status()
     {      
        $sql = "select * from(SELECT * FROM my_user_view  ) as t group by imei ORDER BY dattim ASC ";               
        $query = $this->db->query($sql, array($uid,$value));
        $result = $query->result();
        return $result;
     }

视图：

工作示例

输出视图零件的步骤

public function index(){ 
    if($this->session->userdata('is_logged_in')){
        $this->load->view('../template/header');
        $this->load->view('manufacturer');
        $this->load->view('../template/footer');
    } else {
        redirect('main/restricted');
    }
}

我的控制器名称是制造商/方法是制造商列表

public function manufacturer_list()
{

    $result = array('data' => array());

    $data = $this->manufacturer_model->fetchManufacturerData();
    foreach ($data as $key => $value) {

        //i assigned $buttons variable to hold my edit and delete btn to pass in my array.
        $buttons  = '
        <button class="btn btn-primary" onclick="editData('.$value->id.')" data-toggle="modal" data-target="#myModal">Edit</button>
        <button class="btn btn-danger" onclick="deleteData('.$value->id.')" data-toggle="modal" data-target="#deleteModal">Delete</button>
        ';

        $result['data'][$key] = array(
            $value->id,
            $value->brand,
            $buttons
        );
    }
    echo json_encode($result);      
}

公共功能制造商清单（）
{
$result=array（'data'=>array（））；
$data=$this->manufacturer\u model->fetchManufacturerData（）；
foreach（$key=>$value形式的数据）{
//我分配了$buttons变量来保存我的编辑和删除btn，以便在数组中传递。
$buttons=
编辑
删除
';
$result['data'][$key]=数组(
$value->id，
$value->brand，
美元按钮
);
}
echo json_编码（$result）；
}

我的阿贾克斯

showRecords();
function showRecords(){
    $.ajax({
        url: 'manufacturer/manufacturer_list', //controller/method
        type: 'POST',
        dataType: 'json',
        success: function(data){
            var html = '';
            for(i=0; i<data.length; i++){
                html += '<tr align="center">'+
                            '<td>'+data[i].id+'</td>'+
                            '<td>'+data[i].brand+'</td>'+
                            '<td>'+'<button class="btn btn-primary edit-data" data="'+data[i].id+'">Edit</button>'+'&nbsp;'+
                            '<button class="btn btn-danger delete-data" data="'+data[i].id+'">Delete</button>'+'</td>'+
                        '</tr>';
            }
            $("#showdata").html(html); //pass the data to your tbody
        },
        error: function(){
            alert('Could not load the data');
        }
    });
}

showRecords（）；
函数showRecords（）{
$.ajax({
url:'制造商/制造商列表'，//控制器/方法
键入：“POST”，
数据类型：“json”，
成功：功能（数据）{
var html=''；
对于（i=0；我这是您的
ajax（）
代码示例？试试这个：不在codeigniter中工作。我尝试了一些ajax代码，但它不在codeigniter中工作。我不是ajax专家，所以我需要帮助检查我下面的示例视图未显示，控制器本身会响应结果。
showRecords();
function showRecords(){
    $.ajax({
        url: 'manufacturer/manufacturer_list', //controller/method
        type: 'POST',
        dataType: 'json',
        success: function(data){
            var html = '';
            for(i=0; i<data.length; i++){
                html += '<tr align="center">'+
                            '<td>'+data[i].id+'</td>'+
                            '<td>'+data[i].brand+'</td>'+
                            '<td>'+'<button class="btn btn-primary edit-data" data="'+data[i].id+'">Edit</button>'+'&nbsp;'+
                            '<button class="btn btn-danger delete-data" data="'+data[i].id+'">Delete</button>'+'</td>'+
                        '</tr>';
            }
            $("#showdata").html(html); //pass the data to your tbody
        },
        error: function(){
            alert('Could not load the data');
        }
    });
}

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Manufacturer</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody id="showdata">

    </tbody>
</table>