jQuery自动完成在第一次尝试时不起作用

Question

我尝试在我的程序中实现动态自动完成。第一次输入后它工作得很好。但它没有显示第一次尝试的建议。但是，服务器正在响应自动完成所需的源。这是我的代码。

       $('.autocomplete').live('keyup', function(){
        $this = $(this);
        var search = $this.val();
        $.ajax({
            url:'/package/index/search/keyword/'+search+'/format/json',
            async: false,
            success: function(res){
                //console.log(res.options);
                //console.log(res.defined_ids);
                staticObject = res.defined_ids;
                $this.autocomplete({
                    source: res.options
                });
            }
        });            
    });

服务器端代码是

    $keyword = $this->_getParam('keyword');
    $elementDetailModel = new Package_Model_ElementDetail();
    $arr = $elementDetailModel->searchElementDetail($keyword);
    $this->view->options = $arr['options']; // returns in the format array("test2","my new test", "night stay in delux room")
    $this->view->defined_ids = $arr['defined_ids']; // returns in the format array(21::21=>"test2", 22::22=>"my new test", 24::24=>"night stay in delux room")

当我在 firebug 中控制台记录定义的 ID 和选项时，当我在文本字段中输入“t”时，我得到了以下响应。
选项：

["test2", "我的新测试", "晚上住豪华房"]

defined_ids：

Object { 21::21="test2", 22::22="my new test", 24::24="晚上住豪华房"}

任何帮助都将不胜感激。提前致谢。

Answer 1

萤火虫显示的格式不是 JSON 格式。它是一个数组，使用索引访问。

显示输出时，请确保先json_encode() 数组，然后再显示它。

例如，关于问题，你的最终数组应该是这样的

$array['options'] = array("test2", "my new test", "night stay in room");
//Then you should echo the encoded the array to json

echo json_encode($array);

接下来，请确保您的视图已关闭此请求。

Answer 2

您可能忘记指定上下文服务器端。在控制器的_init()方法中，添加：

$ajaxContext = $this->_helper->getHelper('AjaxContext');
$ajaxContext->addActionContext('actionName', 'json')
            ->initContext();

并确保将 actionName 替换为您的操作控制器名称。

然后，$this->view->options = $arr['options'] 将自动转换为有效的 json 格式。

更多关于 AjaxContext 的信息here in the manual。