JQuery автозаполнения с Ajax вызова, чтобы создать массив

Question

я пытаюсь сделать JQuery автозаполнения щ с некоторыми странами я получаю от БД с помощью AJAX вызова

Я изо всех сил о том, как передать мою таблицу значений для автозаполнения

$(document).ready(function() { 

    $.ajax({ 
     url:Routing.generate('e_veilleur_user_register_countries_autocomplete'), 
     type:"get", 
     dataType: 'json', 
     data: 'test=cool', 
     async: true, 
     cache: true, 
     success: function(data){ 
      var availableTags = data; 
     } 
    }); 

    $("#fos_user_registration_form_pays").autocomplete({ 
     source: availableTags 
    }); 
    }); 

в результате моего AJAX вызова

[{"countryName":"United States"}, 
{"countryName":"Canada"}, 
{"countryName":"Afghanistan"}, 
{"countryName":"Albania"}, 
{"countryName":"Algeria"} 

Ошибка дано: availableTags is not defined

Answer 1

Вы можете использовать пользовательскую функцию для источника, которая вместо этого использует AJAX. Таким образом, вам не нужно синхронизировать с вызовом AJAX за пределами области действия.

$("#fos_user_registration_form_pays").autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
     url:Routing.generate('e_veilleur_user_register_countries_autocomplete'), 
     type:"get", 
     dataType: 'json', 
     data: 'test=cool', 
     async: true, 
     cache: true, 
     success: function(data){ 
      response(data); 
     } 
    }); 
    } 
}); 

jQuery UI Autocomplete Source

Редактировать

Я не видел комментарий, до сих пор. Отвечая на этот конкретный комментарий, вы можете просто вызвать автозаполнение из AJAX.

$.ajax({ 
    url:Routing.generate('e_veilleur_user_register_countries_autocomplete'), 
    type:"get", 
    dataType: 'json', 
    data: 'test=cool', 
    async: true, 
    cache: true, 
    success: function(data){ 
     $("#fos_user_registration_form_pays").autocomplete({ 
     source: data 
     }); 
    } 
});