Problema com retorno Json - asp.net core

Olá, boa noite!

Estou tentando carregar um DropDownList em cascata via Ajax no asp.net core / C #, mas não estou conseguindo, alguém pode me ajudar.

Carrega na DropDownList o valor UNDFINED.

MEU SCRIPT:<script type="text/javascript">$(document).ready(function(){$('#idDepartamento').change(function(){
        var idDep = $('#idDepartamento').val();
        if (idDep > 0){$.post('@Url.Action("ListaPerfil","AcessoUsuario")', {'idDep': idDep}, function (data) {
                if (data.length > 0){$('#idPerfilUsuario').empty();
                    for (var i = 0; i < data.length; i++){
                        //$('#idPerfilUsuario').append('<option value="' + data[i].Id + '">' + data[i].Nome + '</option>');
                        //$('#idPerfilUsuario').append("<option>" + data.Nome + "</option>");$('#idPerfil').append('<option value="' + data[i].Id + '">' + data[i].DescricaoPerfil + '</option>');
                    }
                }
            });
        }
    });
});</script>

MINHA VIEW:

<div class="form-group"><label asp-for="IdDepartamento" class="control-label" ></label><select asp-for="IdDepartamento" class ="form-control" id="idDepartamento" asp-items="ViewBag.IdDepartamento"><option value="">Departamento...</option></select></div><div class="form-group"><label asp-for="IdPerfil" class="control-label"></label><select asp-for="IdPerfil"  class ="form-control" id="idPerfil"><option value="">Perfil...</option></select></div>

MEU CONTROLLER:

[HttpPost]
        public ActionResult ListaPerfil(int idDep)
        {
            //ViewData["IdPerfil"] = new SelectList(_context.PerfilUsuario, "Id", "DescricaoPerfil");
            //return RedirectToAction(nameof(Index));
            //return View();
            List<PerfilUsuario> list = new List<PerfilUsuario>();
            list = _context.PerfilUsuario.Where(p => p.IdDepartamento == idDep).ToList();

            return Json(new SelectList(list, "Id", "DescricaoPerfil"));

        }