jquery 插件自动完成 - 不显示结果

Question

我在使用自动完成插件时遇到问题。这是我的代码：

    var autocomplete = {
       cache: {},
       xhr: {}
    };

   $('#header .search input[type="text"]').autocomplete({
      minLength : 2,
      source: function (request,response) {
         var q = request.term;
         if( q in autocomplete.cache ) {
           response( autocomplete.cache[q] );
           return false;
         } else {
           autocomplete.hxr = $.getJSON("/search/autocomplete/nous?ajax=1&q="+q,function(data, status, xhr) {
           autocomplete.cache[q] = data;
           //if( autocomplete.xhr === xhr ) { 
                response(data);
           //}
        });
        return true;
        }
       }
    });

当我在输入中写入某些内容（在本例中为“Hello”）时，我可以在 Web 开发人员工具中看到它返回一个 json 数组。因此，请求完成后我会收到有效的响应。

 0: "hello kitty"
 1: "hello dolly and frieda"
 2: "hello ass"
 3: "hello there"
 4: "hello do you make"

它正在执行 ajax 请求，但结果没有被推送到下拉菜单中，它是空的。任何帮助表示赞赏！

谢谢！

Answer 1

这个答案基于评论：

这是使用延迟对象实现相同目标的方法：

var autocomplete = {
    cache: {}
};

$('#header .search input[type="text"]').autocomplete({
    minLength: 2,
    source: function(request, response) {
        var q = request.term;
        if (!autocomplete.cache[q]) {
            autocomplete.cache[q] = $.getJSON("/search/autocomplete/nous?ajax=1&q=" + q);
        }
        autocomplete.cache[q].done(response).fail(function(x,y,z){
            alert(x.responseText + "\n-----\n" + y + "\n" + z);
        });       
    }
});

编辑：看起来原始代码无法工作的原因是由于拼写错误。

Edit2：添加失败处理程序