jQuery UI - 带有额外参数的自动完成 - 返回的数据答案

【问题标题】：jQuery UI - Autocomplete with extra params - returned datajQuery UI - 带有额外参数的自动完成 - 返回的数据
【发布时间】：2011-04-17 18:26:38
【问题描述】：

全部，

我已经开始使用 ui 自动完成而不是插件，我花了一些时间根据我在此处找到的示例找出额外的参数，但这部分有效。

我在处理返回数据时遇到问题。在下面的代码中，我可以提醒正在返回的标题，但我在浏览器中看到了“未定义”的下拉菜单。

提前致谢。

    $('#DocTitle').autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "index.pl",
            dataType: "json",
            data: {
                Title: request.term,                        
                maxRows: 10
            },
            success: function(data) {
                response($.map(data, function(item) {
                alert(item.TITLE);
                return {
                    TITLE: item.TITLE

                }
            }))
            }
        })
    }
});

【问题讨论】：

标签： json jquery-ui autocomplete

【解决方案1】：

我正在使用 jquery UI 自动完成功能，如下所示，它对我来说工作得很好。您可以尝试类似的线路。

$('input[type=text][name=City]').autocomplete({
            source: function(request, response) {
                $.getJSON($('input#CitySuggestionsLink').val(), {
                    term: request.term,
                    stateId: $('select#StateName option:selected').attr('value')
                }, response);
            },
            search: function() {
                // custom minLength
                var term = this.value;
                if (term.length < 1) {
                    return false;
                }
            },
            delay: 200,
            focus: function() {
                // prevent value inserted on focus
                return false;
            },
            select: function(event, ui) {
                return false;
            }
        });

【讨论】：