Javascript не отвечает на страницах бритвы

Question

Я пытаюсь сделать каскад в моем выпадающем списке.мой код C #

  public JsonResult OnPostEmployeeSelect(string Id)
    {
        ViewData["Department"] = new SelectList(_context.Department.OrderBy(o => o.Name), "Id", "Name");
        Guid DepartmentId = new Guid(Id);
        List<Employees> Employees = new List<Employees>();          
        return new JsonResult(Employees.Where(w => w.DepartmentId == DepartmentId).OrderBy(o => o.FullName));
    }

мой javascript:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#DepartmentDropdown").change(function () {

            var Id = $(this).val();

            $.ajax({
                type: "POST",
                url: "/Create?handler=EmployeeSelect",
                beforeSend: function (xhr) {
                    xhr.setRequestHeader("XSRF-TOKEN",
                        $('input:hidden[name="__RequestVerificationToken"]').val());
                },
                data: JSON.stringify({
                    Id
                }),
                contentType: 'application/json;charset=utf-8',
                dataType: "json",
                success: function (response) {
                    $("#Employeedropdown").empty();
                    $("#Employeedropdown").append(response);
                },
                failure: function (response) {
                    alert(response);
                }
            })
        })
    })

Я не знаю, в чем проблема, после выбора отдела ничего не происходит EmployeeDropdown остается нулевым.Как я могу исправить эту ошибку.

Answer 1

Действие - поиск параметра с именем «Id».Данные в ajax должны быть: data: {Id: Id} Также $("#Employeedropdown").append(response) не будет работать.$("#Employeedropdown"), что это за элемент?Вы должны добавить элементы тега, а не данные JSON.