jQuery UI - 使用额外参数自动完成 - 返回数据

时间:2010-09-27 12:58:58

标签: json jquery-ui autocomplete

所有

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

我在处理返回数据时遇到问题。在下面的代码中,我可以提醒返回的标题,但我在浏览器中下了“UNDEFINED”。

提前致谢。

    $('#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

                }
            }))
            }
        })
    }
});

1 个答案:

答案 0 :(得分:2)

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