jquery-ui 自动完成零星行为

Question

下面是我的自动完成代码。问题是它大部分都有效。假设我有一堆结果，例如 test1、test2、test3 等。如果我输入“t”，它们就会弹出，当我在“te”中输入 e 时，它​​们就会消失。然后，如果我输入“s”，它会进一步缩小范围。它也不总是第二个字母。看起来只是零星的。请帮忙。我已经确认返回的数据是可靠的，因此后端没有任何数据。

        //Server autocomplete
        $("#txtSearchServer").keyup(function (event) {
            $.ajax({
                url: 'edit/EditService.svc/SearchServers',
                type: 'GET',
                data: { 'term': $("#txtSearchServer").val() },
                dataType: 'json',
                success: function (data) {
                    var listServers = [];
                    $.map(data.d, function (item) {
                        ///working here to do server autocomplete!!!!!!!
                        listServers.push(item.ServerName);
                        $("#txtSearchServer").autocomplete({
                            source: listServers
                        });
                    });
                },
                error: function (a, b, c) {
                    $('.Toast').html('Error Retreiving Servers for autocomplete!');
                }
            });
        });

Answer 1

看看你正在做的 asp.net 代码，

所以这应该适合你：

function AutocompleteJSONParse(data) {
    var rows = new Array();
    var rowData = null;
    for (var i = 0, dataLength = data.length; i < dataLength; i++) {
        rowData = data[i];
        rows[i] = {
            value: rowData.ServerName,
            label: rowData.ServerName
        };
    }
    return rows;
};
$("#txtSearchServer").autocomplete({
    source: function(request, response) {
        var pString = '{"term":"' + request.term + '"}';
        $.ajax({
            url: 'edit/EditService.svc/SearchServers',
            type: 'GET',
            dataType: "jsond",
            type: "POST",
            contentType: "application/json",
            converters: {
                "json jsond": function(msg) {
                    return msg.hasOwnProperty('d') ? msg.d : msg;
                }
            },
            data: pString,
            success: function(data) {
                var rows = AutocompleteJSONParse(data);
                response(rows);
            }
        });
    },
    error: function(a, b, c) {
        $('.Toast').html('Error Retreiving Servers for autocomplete!');
    },
    minLength: 2,
    delay: 1000
});

Answer 2

这是答案： https://gist.github.com/1140631 应该可以解决这个问题。

编辑：我还想知道为什么你要动态预取结果，你不能立即获得完整列表吗？还是数据太多了？