剃须刀页面上的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 中的数据应该是： 数据：{Id：Id} $("#Employeedropdown").append(response) 也不起作用。 $("#Employeedropdown")，是什么元素？您应该附加标签元素而不是 json 数据。