首页 / JQUERY / javascript – 通过ajax错误jQuery UI自动完成：

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 通过ajax错误jQuery UI自动完成：，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1414字，纯文字阅读大概需要3分钟。

内容图文

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

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

$("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

内容总结

以上是互联网集市为您收集整理的javascript – 通过ajax错误jQuery UI自动完成：全部内容，希望文章能够帮你解决javascript – 通过ajax错误jQuery UI自动完成：所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/722697.html

来源：【匿名】