如何在 jquery datatables ajax 中将下拉列表的值作为参数传递？答案

【问题标题】：How do I pass a value of a dropdown as a parameter in jquery datatables ajax?如何在 jquery datatables ajax 中将下拉列表的值作为参数传递？
【发布时间】：2018-11-24 08:41:18
【问题描述】：

我在 mvc 视图中有一个下拉菜单，其中选择的值将作为 jquery 数据表的 ajax 调用中的参数发送。我不确定正确的语法是什么。这是我当前的 sn-p 代码：

@using (Html.BeginForm())
{

    <p>
        @Html.DropDownList("StatusType", "Select a Value")
    </p>
    <p>
        Find by Keyword or Phrase in Heading Or Description: @Html.TextBox("SearchString")
    </p>
    <p>
        <input type="submit" value="Search" />
    </p>

}
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

<script>

    $(document).ready(function () {

        if ($.fn.DataTable.isDataTable('#tblsr')) {
            $('#tblsr').dataTable().fnDestroy();
            $('#tblsr').dataTable().empty();

        }

        var complete = $('#tblsr').DataTable(
            {
                "serverSide": true,
                "destroy": true,
                "processing": true,
                "stateSave": true,
                "ajax":
                    {
                        url: "/ServiceRequests/SRList",
                        method: "POST",
                        "data": { "StatusType": StatusType}
                    },

方法下的行的适当语法是什么：POST？如果我在“打开”或“关闭”而不是 StatusType 中硬编码，数据表会正确过滤，因此值会正确传递，所以我只是不知道引用下拉值的适当语法是什么......

谢谢

【问题讨论】：

标签： mvc.jquery.datatables

【解决方案1】：

想通了：

 var complete = $('#tblsr').DataTable(
            {

                "serverSide": true,
                "destroy": true,
                "processing": true,
                "stateSave": true,
                "ajax":
                    {
                        url: "/ServiceRequests/SRList",
                        method: "POST",
                        "data":  {
                            "StatusType": $("#StatusType").val()
                           //"StatusType": "Open"

                        }

                    },

【讨论】：