Faço a população de 4 HTML select com Ajax, porém estou com problema na hora de retornar os arquivos, tentei fazer de forma assíncrona só que não ficou bom pois o usuário consegue enxergar cada select sendo populado em ordem(além da demora é feio de se ver), quando alterei minha função para assíncrona e o meu Ajax também, não consigo retornar dados, exemplo.
function GetDropdownList(table)
{
var DDItems;
function GetDropdownList_AjaxCallBack(data) {
DDItems = data;
};
$.ajax({
type: "POST",
url: "/Ajax/GetDropdownList",
dataType: "json",
data: {
table: table
},
async: true
})
.done(function (data) {
GetDropdownList_AjaxCallBack(data);
})
.fail(function (XMLHttpRequest, textStatus, errorThrown) {
console.log(errorThrown);
});
return DDItems;
}
async function PopulateDropDown(dropdownID) {
var dropdownItems = GetDropdownList(dropdownID);
console.log(dropdownItems.items);
}
PopulateDropDown("LicenseDocs_Midia");
PopulateDropDown("LicenseDocs_Regiao");
PopulateDropDown("LicenseDocs_Prazo");
PopulateDropDown("LicenseDocs_Use");
No console.log recebo o seguinte erro JS:
TypeError: dropdownItems is undefined
Pesquisei que para retornar objetos de Ajax assíncrono basta criar um Callback, porém não está funcionando e não consigo encontrar uma solução...