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

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

问题是你的网址

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

这应该是

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

Ajax应该放在内部

<代码>

还需要调用最新的JS库

Answer 2

试试这个。。。

$('#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);
        }
    });
});