javascript - cakephp 2.4 中的自动完成实现

Question

大家好，我对 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;
}

}

Answer 1

解决问题

the problem is my sutocomple is not firing or even not showing alert when key is pressed.

你需要在 autocomplete.js 之前加载 jQuery lib，例如

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

或者如果你想让cakephp为你做这件事(不需要写'.js')

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