使用 Ajax 和 Codeigniter 查询数据库（使用 Bootstrap 模式）

Question

以下是我想要实现的目标的简要说明：我有一个高级搜索按钮，可以在输入字段上打开一堆并进行选择。我必须使用数据库中的选项自动填充选择，所以我必须以某种方式从那里获取数据。

因为我不想在不需要的时候加载页面中的所有数据，所以我想在用户点击高级搜索的模态按钮时使用AJAX来获取数据。

我尝试使用以下代码来实现这一点，但实际上什么也没发生：

查看：

<button type="button" class="btn btn-default" id="btnList" data-toggle="modal" data-target="#c_avan">CAUTARE AVANSATA</button>

$('#btnList').click(function() {
    $.ajax({
        url: '<?php echo site_url('/admin/date_cautare_avansata'); ?>',
        type: 'POST',
        data: {
            key: value
        },
        dataType: 'json',
        success: function(data) {
            console.log(data);
        }
    });
});

我尝试使用 Ajax 访问的控制器：

function date_cautare_avansata() {
        $data['items'] = $this->cautare_avansata_model->items();
        $data['major'] = $this->cautare_avansata_model->major();

        echo json_encode($data);
    }

模型并不那么重要，因为它们工作正常。知道为什么这根本不起作用吗？谢谢！

Answer 1

试试这个...

$('#btnList').click(function() {
// Key must have a value. Assign that. 
//Site url no slash in prefix
    $.ajax({
        url: '<?php echo site_url('admin/date_cautare_avansata'); ?>',
        type: 'POST',
        data: {
            key: value
        },
        dataType: 'json',
        success: function(data) {
            console.log(data);
        }
    });
});

Answer 2

您的网址有问题

url: '<?php echo site_url('/admin/date_cautare_avansata'); ?>',
     ^                    ^                            ^     ^

这应该是

url: "<?php echo base_url() ?>admin/date_cautare_avansata",

Ajax 应该放在里面

<script></script>

也需要调用最新的JS库