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} README.Rmd也不起作用。 $("#Employeedropdown").append(response)，这是什么类型的元素？您应该附加标签元素而不是json数据。

JavaScript在剃须刀页面上无响应

1 个答案: