cakephp 2.4 中的自动完成实现答案

【问题标题】：Autocomplete implementation in cakephp 2.4cakephp 2.4 中的自动完成实现
【发布时间】：2017-11-12 08:06:40
【问题描述】：

大家好，我对 cakephp 很陌生，我想在我的项目中实现自动完成功能。我已经下载了两个 javascript 文件 jquery.autocomplete.js 和 jquery.autocomplete.min.js 并将它们都放在我的 webroot 目录中。我的数据库中有一个名为 city 的字段，我必须自动完成。问题是我的 sutocomple 在按下键时没有触发，甚至没有显示警报。

我的javascript代码是

 <script src="../../webroot/js/jquery.autocomplete.js" 
  type="text/javascript"></script>
 <script src="../../webroot/js/jquery.autocomplete.min.js" 
 type="text/javascript"></script>
 $(function() {
 $('#Usercity').autocomplete({
     alert("ashish");

    //dataType: "json"
    minLength: 1,
    source: function( request, response ) {
        $.ajax({
            url: "/User/autoComplete",
            dataType: "jsonp",
            data: {
                featureClass: "P",
                style: "full",
                maxRows: 12,
                term: request.term
            },
            success: function( data ) {
                response( $.map( data, function( el ) {
                    return { label: el.id, value: el.city }
                }));
            }
        });
    }

   });

    });
  </script>
           echo $this->Form-
   >input('city',array('type'=>'text','label'=>'City'));


   Controller code


       public function autoComplete() {
    Configure::write('debug', 0);
    $this->layout = 'ajax';
    $query = $_GET['term'];
    $items = $this->User->find('all', array(
        'conditions' => array('User.city LIKE' => $query . '%'),
        'fields' => array('city')));

    foreach ($items as $item) {
        $data[] = $item['Item'];
    }
    $data = json_encode($data);
    echo $data;
    exit;
}

}

【问题讨论】：

标签： javascript jquery mysql autocomplete cakephp-2.0

【解决方案1】：

解决问题

问题是我的 sutocomple 没有触发甚至没有显示警报按下键时。

你需要在 autocomplete.js 之前加载 jQuery 库

<script src="../js/jquery-last.version.number.js"></script>

或者如果你想让cakephp为你做（不需要写'.js'）

            echo $this->Html->script(array(
                'jquery-1.10.2.min',
                'jquery.autocomplete'
            ));

【讨论】：