如何使用 Ajax 获取数据到模态引导程序？

Question

我有一页显示数据库中的项目列表。我想通过 jquery 使用引导模式打开项目详细信息。我知道 ajax 在成功时会抛出警报。但是不能打开模态。你能告诉我错误的代码吗？谢谢你

这些是我的代码：

这是模型

function get_detail_item($id){

    $this->db->select('*');

    $this->db->from('item', 'purchase');

    $this->db->join('purchase', 'purchase.id=item.id_purchase', 'inner');

    $this->db->join('status', 'status.id=item.id_status', 'inner');

    $this->db->join('category', 'category.id=item.id_category', 'inner');

    $this->db->where('item.id', $id);

    $query = $this->db->get();

    return $query->row();

}

这是控制器

 function detail_item($id){

    $this->load->model('item_model');

    $data = $this->item_model->get_detail_item($id);

    echo json_encode($data);

}

这是按钮

<a href="#Item_Detail" class="btn btn-outline-info" data-toggle="modal" data-target="#Item_Detail" data-id="<?php echo $row->id?>">Detail</a>

这是模态

<div class="modal fade" id="Item_Detail" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

<div class="modal-dialog modal-dialog-centered modal-lg" role="document">

    <div class="modal-content">

        <div class="modal-header">

            <h5 class="modal-title" id="exampleModalLongTitle">Detail Item</h5>

            <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                <span aria-hidden="true">&times;</span>

            </button>

        </div>

        <div class="modal-body">

            <p id="proName"></p>

            <p id="proRoom"></p>

            <p id="proBuilding"></p>

        </div>

        <div class="modal-footer">

            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

    </div>

</div>