Источник данных для jQuery auto-complete plugin

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 функции является пустой и я не знаю, что не так.

Пожалуйста, помогите!

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 = '';