javascript - JQuery 自动完成不显示

Question

我已经使用 JQuery UI 自动完成来减少必须在下拉列表中显示的部分列表，我还使用 json 将部分列表传回，但我确信我看不到结果这与我对JQuery的Map功能了解有限有关。

我有以下 json

{"parts":[{"partNumber":"654356"},{"partNumber":"654348"},{"partNumber":"654355-6"},{"partNumber":"654355"},{"partNumber":"654357"},{"partNumber":"654357-6"},{"partNumber":"654348-6"}]}

在JSONLint上已验证正确

我已经使用 Firebug 查看了帖子和回复，发现它们是正确的，但我的自动完成似乎没有显示，我最接近的情况是当我显示整个 JSON 字符串时，每个字符都有一个新行。

这是我的 JS

$('.partsTextBox').autocomplete({
    minLength: 3,
    source: function(request, response) {
        $.ajax({
            url: './PartSearch.ashx',
            data: $('.partsTextBox').serialize(),
            datatype: 'JSON',
            type: 'POST',
            success: function(data) {
                response($.map(data, function(item) {
                    return { label: item.partNumber }
                }))
            }
        });
    },

    select: function(e) {
        ptb.value = e;
    }
});

任何人可以提供的任何帮助将不胜感激。已编辑以包含 soderslatt 提供的帮助

Answer 1

我不确定，但是 parts.part 不应该是一个数组吗？

http://jsfiddle.net/jfTVL/3/