使用 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}
                            });
                                            }

    })
});

您可以从 sn-p 看到正在返回的 JSON 数据。但是结果表中没有显示任何内容。这应该看起来像 JQuery 自动完成示例 JQuery Autocomplete

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）