javascript – 通过ajax错误jQuery UI自动完成：

我一直在寻找几天,但找不到修复.

这是我的代码(缩写为核心功能)：

$("input").autocomplete({
    source: function( request, response ){
        $.ajax({
            url: 'inc/ajax.PHP',
            type: "GET",
            async: true,
            dataType: "json",
            data: {
              'task' : 'tasktodo',
              'squery' : request.term
            }, 
            success: 
                function( data ) {
                    response($.map( data, function(item){
                        return {
                            label : item['name'],
                            value : item['name']
                        }
                    }));
                }
        });     
    }
});

自动完成确实有效,但我在浏览器的控制台中收到以下错误：

 Uncaught TypeError: Object  has no method 'results' (in Chrome)
 TypeError: this.options.messages.results is not a function (in Firefox)

错误指向jqueryui.js中的一行,在我的脚本中由“response()”调用.

即使错误不影响功能,我也想知道为什么它存在.

解决方法:

非常古老的问题,但今天仍然具有相关性,因为它发生在我身上,我不确定接受的答案涵盖所有基础,或解释问题.

发生这种情况是因为自动完成插件要求您提供带有noresults的消息对象和结果属性,以告知它如何标记搜索结果.

noresults属性应该是一个字符串,在您猜对了,没有结果时显示.

那么results属性应该是一个接受count参数的方法,并返回一个字符串.

像这样的东西：

$("input").autocomplete({
    source: function( request, response ){
        ... your $.ajax request stuff
    },
    messages: {
        noresults: "No results",
        results: function(count){
            return count + (count == 0 ? ' result' : ' results');
        }
    }
});

调用响应(数据)是可能的;根本不需要设置这些属性.但在我的情况下,一位同事提供了一个消息对象,但是将noresults和results属性都设置为字符串值,因此错误：

this.options.messages.results is not a function