无法在codeigniter中通过ajax显示数据

Question

我想在从下拉列表中选择区域后显示餐厅。但我的代码没有显示餐厅名称和该餐厅的菜单按钮，请告诉我我做错了什么

这是我的型号代码

function select_record($table, $where = NULL)
{
    $this->db->select();
    if ($where) $this->db->where($where);
    $this->db->from($table);
    $query = $this->db->get();
    //  echo $this->db->last_query();
    return $query->result();
}

控制器代码

public function get_rests()

{
    $cit_id = $this->input->post('cit_id');
    $area = $this->input->post('areaID');
    $where = array(
        'city_id' => $cit_id,
        'city_area_id' => $area
    );
    $data = $this->bulk->select_record('restaurant', $where);
    $html = '<div class="container" id="">
                        <table align="centre" class="table table-condensed table-striped table-hover no-margin"style="width:70%" id="">
                            <thread>
                                <tr style="width: 56%;">
                                    <th> No. </th>
                                    <th style=""> Restaurant Names </th>
                                </tr>
                            </thread>
                            <tbody>
                            <th> <span value="'. $data[0]->restaurant_id . '" class="res_id"></span></th>
                                <th style=""> </th>
                                <th style=""> <span value="'. $data[0]->restaurant_name . '" class="res_id"></span> </th>
                                <th style="width: 1%" > <a href="<?php echo base_url(); ?>index.php/BulkRecipe_Controller/bulk_recipe/<?php echo $row->restaurant_id; ?>"  class="btn btn-warning" <i class="glyphicon-edit"></i>See Menu</a> </th>
                            </tr>
                            </tbody>
                        </table>
                    </div>';
    echo json_encode(array(
        'data' => $html
    ));

}

脚本代码

function get_rests() {

    var city_id = $('#city_id').val();
    var area_id = $("#area_id").val();
    $.ajax({
        type: "POST",
        url: "<?=base_url();?>index.php/Bulk_Controller/get_rests",
        data: {
            cit_id: city_id,
            areaID: area_id
        },
        dataType: 'json',
        cache: false,
        success: function (response) {
            alert(response);
            $('#restaurant').html(response.data);
        }
    });
}

它的视图代码

<div id="restaurant">


</div>

当我发出警报时（response.data）；

     <div class="container" id="">
        <table align="centre" class="table table-condensed table-striped table-hover no-margin"style="width:70%" id="">

            <thread>
                <tr style="width: 56%;">

                    <th>

                        No.

                    </th>

                    <th style="">

                        Restaurant Names

                    </th>

                </tr>
            </thread>
            <tbody>


<th>

                <span value="1" class="res_id"></span></th>
                    <th style="">
                    </th>

                    <th style="">

                                 <span value="salten paper" class="res_id"></span>

                    </th>

                    <th style="width: 1%" >
                        <a href="<?php echo base_url();?>index.php/BulkRecipe_Controller/bulk_recipe/<?php echo $row->restaurant_id;?>"  class="btn btn-warning" <i class="glyphicon-edit"></i>See Menu</a>

                    </th>

                </tr>

            </tbody>

        </table>

    </div>

请告诉我哪里做错了

Answer 1

您没有正确放置来自 ajax 的 response。 $('#restaurant').html(response.data); 应该是：

$('#restaurant').html(response);

也要改

url: "<?=base_url();?>index.php/Bulk_Controller/get_rests",

到

url: "<?=base_url();?>index.php/bulk_controller/get_rests",

Answer 2

试试下面，

你应该返回它而不是echo，你还必须将请求头设置为json

型号：

function select_record($table, $where = NULL)
{
    $this->db->select('*');
    $this->db->from($table);// this should come right after select statement
    if ($where) $this->db->where($where);
    $query = $this->db->get();
    //  echo $this->db->last_query();
    return $query->result();
}

控制器：

public function get_rests()

{
    $cit_id = $this->input->post('cit_id');
    $area = $this->input->post('areaID');
    $where = array(
        'city_id' => $cit_id,
        'city_area_id' => $area
    );
    $data = $this->bulk->select_record('restaurant', $where);
    $html = '<div class="container" id="">
                        <table align="centre" class="table table-condensed table-striped table-hover no-margin"style="width:70%" id="">
                            <thread>
                                <tr style="width: 56%;">
                                    <th> No. </th>
                                    <th style=""> Restaurant Names </th>
                                </tr>
                            </thread>
                            <tbody>
                            <th> <span value="'. $data[0]->restaurant_id . '" class="res_id"></span></th>
                                <th style=""> </th>
                                <th style=""> <span value="'. $data[0]->restaurant_name . '" class="res_id"></span> </th>
                                <th style="width: 1%" > <a href="<?php echo base_url(); ?>index.php/BulkRecipe_Controller/bulk_recipe/<?php echo $row->restaurant_id; ?>"  class="btn btn-warning" <i class="glyphicon-edit"></i>See Menu</a> </th>
                            </tr>
                            </tbody>
                        </table>
                    </div>';
    return $this->output->set_content_type('application/json')->set_output(json_encode(array(
                'data' => $html,
            )));

}

脚本：

function get_rests() {

    var city_id = $('#city_id').val();
    var area_id = $("#area_id").val();
    $.ajax({
        type: "POST",
        url: "<?=base_url();?>index.php/Bulk_Controller/get_rests",
        data: {
            'cit_id': city_id,
            'areaID': area_id
        },
        dataType: 'json',
        cache: false,
        success: function (response) {
            alert(response);
            console.log(response)
            $('#restaurant').html(response.data);
        }
    });
}