cakephp 2.6 中的自动完成功能

Question

我正在尝试在我的应用程序中实现自动完成功能。但它没有得到建议，而是显示我的代码的 java 脚本行。 例如：如果我输入“n”，那么它会显示所有以“n”为字符的 java 脚本行。我已将所有必需的 .js 和 .css 文件粘贴到它们各自的文件夹中。我没有我缺乏的地方。请帮我。我正在粘贴我的控制器和视图部分。

控制器：

 public function find_name() {
    if ($this->request->is('ajax')) {

        $this->autoRender = false;            
        $panel_name = $this->request->query('term');            
        $results = $this->Panel->find('all', array(
                                       'conditions' => array('Panel.name LIKE ' => '%' . $panel_name . '%'),
                                       'recursive'  => -1
                                       ));

        $resultArr = array();
        foreach($results as $result) {
           $resultArr[] = array('label' =>$result['Panel']['name'] , 'value' => $result['Panel']['name'] );
        }
        echo json_encode($resultArr);                                   
   }`

查看：

$('.pchange').each(function()
{        
    var g=$(this).attr('id');
    //alert(g);
    var lastChar = g.replace ( /[^\d.]/g, '' );
    $('#name'+lastChar).autocomplete("PanelsController/find_name", 
    {
        minChars:       1,
        delay:          0,
        maxCacheLength: 100,
        onItemSelect: 
        function (item)
        {   
            alert(item);
            $("#name"+lastChar).val(item.data[0]);
            $("#phone"+lastChar).val(item.data[1]);
            $("#email"+lastChar).val(item.data[2]);
        }
    });  
});

Answer 1

请试试这个。你还没有退出json数据

公共函数 find_name() { if ($this->request->is('ajax')) { $this->autoRender = false; $panel_name = $this->request->query('term'); $results = $this->Panel->find('all', array( 'conditions' => array('Panel.name LIKE ' => '%' . $panel_name . '%'), '递归' => -1 )); $resultArr = 数组（）； foreach($results 作为 $result) { $resultArr[] = array('label' =>$result['Panel']['name'] , 'value' => $result['Panel']['name'] ); } 回声 json_encode($resultArr); 出口; } $(".autocomplete").autocomplete({ 来源：功能（请求，响应）{ $.ajax({ url: "Html->url(array('action' => 'find_name')); ?&gt", 数据类型：“json”， 数据： { 问：request.term }, 成功：函数（数据）{ 响应（数据）； } }); }, 最小长度：1， 选择：函数（事件，用户界面）{ }, 打开：函数（）{ $(this).removeClass("ui-corner-all").addClass("ui-corner-top"); }, 关闭：函数（）{ $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" ); } }).data("ui-autocomplete")._renderItem = function(ul, item) { 返回 $("

请同时包含 jquery-ui.js 及其 css