如何在JQuery UI自动完成中使用source:function()...和AJAX

伯尼:

我需要有关JQuery UI自动完成功能的帮助。我希望我的文本字段(.suggest-user)显示来自AJAX请求的名称。这就是我所拥有的:

jQuery("input.suggest-user").autocomplete({
    source : function(request, response) {
        var name = jQuery("input.suggest-user").val();
        jQuery.get("usernames.action?query=" + name, function(data) {
            console.log(data);  // Ok, I get the data. Data looks like that:
            test = data;        // ["[email protected]", "[email protected]","[email protected]"]
            return test;        // But what now? How do I display my data?
        });
    },
    minLength : 3
});

很感谢任何形式的帮助。

Salman A:

在您的AJAX回调内部,您需要调用该response函数;传递包含要显示项目的数组。

jQuery("input.suggest-user").autocomplete({
    source: function (request, response) {
        jQuery.get("usernames.action", {
            query: request.term
        }, function (data) {
            // assuming data is a JavaScript array such as
            // ["[email protected]", "[email protected]","[email protected]"]
            // and not a string
            response(data);
        });
    },
    minLength: 3
});

如果响应JSON与jQuery UI自动完成功能接受的格式不匹配,则必须在将结果传递到响应回调之前在AJAX回调内部转换结果。请参阅此问题和可接受的答案

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在node.js中使用jQuery ajax调用

如何在Spring Web MVC中使用Ajax JQuery

如何在Jquery和golang中使用输入的json数据进行ajax调用?

如何在ASP.NET Core MVC项目中使用jQuery和Ajax从视图调用api?

使用AJAX和Jquery自动完成功能填写表单数据

如何在AJAX中使用jQuery Lazy?

如何在Laravel中使用jQuery ajax请求自动添加X-CSRF-TOKEN

如何在jQuery中对laravel和ajax分别使用

如何在自动完成材料ui中使用onchange?

如何在Spring Boot Controller中使用Jquery AJAX

如何在PHP和AJAX中使用JSON

jQuery UI通过Ajax错误自动完成:

如何在JQuery自动完成中设置和获取ID

jQuery&Ajax-地名自动完成和从Foursquare请求信息

如何使用AJAX和JQuery保存模型

jQuery UI自动完成和验证

jQuery UI使用Ajax来自动完成数据

在jQuery UI自动完成中使用if语句

如何在JS / jQuery函数中使用返回的AJAX数据

使用jquery .on()和$ .ajax

如何在Wordpress中使用克隆Ajax和Jquery创建元框

如何在$ .jQuery ajax发布成功中使用if语句?

如何在Symfony 3中使用twitter / tyepahead.js和blodhound实现自动完成

如何在旧版jQuery UI中使jQuery UI自动完成功能正常工作?

使用 JQuery UI 错误实现 CSS 自动完成 Uncaught TypeError: this.source is not a function

如何在 YII 框架中使用 Jquery Ajax

使用 JQuery UI 自动完成和 Dbpedia 作为源

如何在 JQuery 自动完成中使用 XMLHttpRequest?

如何使用 AJAX 自动完成触发 JQuery