0

jqueryオートコンプリートライブラリを使用して部門をオートコンプリートしようとしています。ajax呼び出しは次のとおりです

     $( "#auto_complete" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url:  "/employees/getDepartment"
                dataType: "jsonp",
                //dataType: "text/html",
                data: {
                    featureClass: "P",
                    style: "full",
                    maxRows: 12,
                    name_startsWith: request.term
                },
                success: function( data ) {
                    alert("success--");
                    response( $.map( data.geonames, function( item ) {
                        return {
                            label: item.name,
                            value: item.id
                        }
                    }));
                }
            });
        },
        minLength: 2,
        select: function( event, ui ) {
            log( ui.item ?
                "Selected: " + ui.item.label :
                "Nothing selected, input was " + this.value);
        },
        open: function() {
            $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
    });

私のコントローラーには getDepartment というアクションがあります。次のとおりです。

     public function getDepartment() {
        $this->log($this->params->query['name_startsWith'] , 'debug');
        $str = $this->params->query['name_startsWith'];
        $this->log($str, 'debug');
        $name='Departmet';
        $this->layout = 'ajax';
        $departments = $this->Employee->Department->find('all', array( 'recursive' => -1,
            'conditions'=>array('Department.name LIKE'=>$str.'%'),
            'fields'=>array('name', 'id')));
        $this->set('departments',$departments);
}

ここで $departments を Json として送信する必要があります。

  1. 応答を JSON として送信する方法
  2. コントローラーがオートコンプリート成功機能に到達しない理由 (アラートを入れた場所)

実行すると、（fireBugを使用して）応答が得られます

      [{"Department":{"name":"Testing","id":"1"}},{"Department":{"name":"Testing","id":"3"}},{"Department":{"name":"Testing2","id":"6"}},{"Department":{"name":"testing","id":"7"}},{"Department":{"name":"test","id":"8"}}]
4

1 に答える 1

1

あなたの応答は有効な JSON であるため、あなたもそうするdataType必要があります。

dataType: "json"
于 2012-04-09T14:19:09.907 に答える