jQuery自动完成插件的数据源

Question

我正在使用jQuery的自动完成插件作为简单的搜索表单。 我在将JSON对象数据转换为数组以供自动完成使用时遇到麻烦。

我的代码：

var listOfOrderedByNames = getAutocompleteData();
$('#OrderedBy').autocomplete(listOfOrderedByNames);

function getAutocompleteData() {
    var output;
    $.getJSON('AJAX/GetOrderedByNames', function(data) {
        $.each(data, function(index, optionData) {
            output += optionData + "|";
        });
    });
    return output;
}

我返回的JSON数据如下所示：

    ["Jimmy","John", "Etc",null]

由于某种原因，我从getAutocompleteData函数得到的返回值getAutocompleteData是一个空字符串，我不知道这是什么错误。

请帮忙！

Answer 1

这是因为$.getJSON是异步的。 发送请求后，函数getAutocompleteData()继续执行，不返回任何内容。

您应该将所有内容封装在传递给getJSON方法的回调函数中：

var output;
$.getJSON('AJAX/GetOrderedByNames', function(data) {
    var output = "";
    $.each(data, function(index, optionData) {
        output += optionData + "|";
    });
    $('#OrderedBy').autocomplete(output);
});

Answer 2

尝试更改var ouput; 行到var output = '';