使用 JQuery UI 自动完成显示不显示结果

Question

我正在使用 Jquery UI 的自动完成功能，并且可以在 Firebug 中看到返回的正确 JSON 数据。但是，文本框中没有任何内容。

我的 JavaScript：

$(function() {
        function log( message ) {
            $( "<div/>" ).text( message ).prependTo( "#log" );

        }

        $("#tags").autocomplete({
        source: function(request, response){
                    $.ajax ({
                url: "/projectlist",
                                dataType: "json",
                                data: {style: "full", maxRows: 12, term: request.term}
                            });
                                            }

    })
});

您可以从代码片段中看到正在返回 JSON 数据。但结果表中没有显示任何内容。它应该类似于 JQuery 自动完成示例 JQuery 自动完成

Answer 1

显示 Noyhing 是因为您没有返回任何内容，我认为：您必须将成功函数添加到您的 ajax 调用中（我添加了成功响应的示例，如果您告诉我们您的 json 是如何构造的，我可以更好地帮助您。无论如何，您必须返回一个对象数组，每个对象应该有一个名为“label”的属性和一个名为“value”的属性：

$("#tags").autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "/projectlist",
            dataType: "json",
            data: {
                style: "full",
                maxRows: 12,
                term: request.term
            },
            success: function(data) {
                var results = [];
                $.each(data, function(i, item) {
                    var itemToAdd = {
                        value: item,
                        label: item
                    };
                    results.push(itemToAdd);
                });
                return response(results);

            }
        });
    }
});

我在这里设置了一个小提琴：http://jsfiddle.net/nicolapeluchetti/pRzTy/ （假设“data”是返回的 json ）