Question

我有一个产品网站和一个搜索框来搜索codeigniter中的产品。

我的观看文件：

 <input type="text" class="form-control" name="typeahead" placeholder="Search Product."  style="height:32px; margin: 25px 0px;"  >

和我的java脚本：

$(document).ready(function(){
        //alert('hi');
    $('input.typeahead').typeahead({
        //alert('%QUERY');
        name: 'typeahead',
        remote:'<?php echo base_url('user/search').'/'?>%QUERY',
        limit : 10
    });
});

我的控制器功能：

function search()
{
    $key=$this->uri->segment(3);
    $array = array();

    $query = $this->general->search($key);
    foreach($query->result() as $row)
    {
      $array[] = $row->pr_name;
    }
    echo json_encode($array);
}

当我使用硬编码时，链接为http:/localhost/products/user/search/dairymilk它有效..但是当我在文本框中输入时它不起作用吗？

Answer 1

首次更改$('input.typeahead') to $('input[name="typeahead"]')时，没有类似typeahead的类。

remote:"<?php echo base_url('user/search').'/'?>"+$(this).val().

即使您有任何错误，也请在控制台中检查您的预先输入是否正在加载。您无法提醒alert('%QUERY');它会出错。

Typeahead js实时搜索无法在codeigniter中工作

1 个答案: