剃刀视图使用Ajax发送下拉值

Question

我想发送我的下拉列表的值

     @Html.DropDownListFor(model => model.selection, Model.liste_selection, new {@id="Selection", @class = "form-control" })

这个ajax帖子

<script>
$('#valider').on("click",function () {


    $.ajax({
        url: '@Url.Action("Executer", "Requete")',
        type: "POST",
        data: { id: $('#Selection').val() },
        success: function (result) {
            $('#ajaxDisplay').html(result);
        }
    });

});

但是我的下拉列表的值确实到达了控制器，它变为空

这是我的控制器

   [HttpPost]
    public ActionResult Executer(RequeteOptimise ro, string Command)
    {

        Session["dateDebutReq"] = ro.begin.ToString("dd/MM/yyyy", CultureInfo.InvariantCulture);
        Session["dateFinReq"] = ro.end.ToString("dd/MM/yyyy", CultureInfo.InvariantCulture);
        if (ro.selection.Contains("Tous"))
        {
            var viewModel = new RequeteOptimise
            {
                nombre = rr.callReqCount(ro)
            };

            return PartialView("../utilities/Nombre", viewModel);
        }

Answer 1

尝试如下对ajax进行一些更改

$('#valider').on("click",function () {
    var info={
              id:$('#Selection option:selected').text();
             };
    $.ajax({
        url: '@Url.Action("Executer", "Requete")',
        type: "POST",
        data: JSON.stringify(info),
        success: function (result) {
            $('#ajaxDisplay').html(result);
        }
    });

});

让我知道您是否遇到任何问题？

编辑 -假设您的模型包含2个字符串和2个dateTime字段，我将按以下方式编辑Jsondata：

 $('#valider').on("click",function () {
var date1=$('#date1ID').val();
var date2=$('#date2ID').val();
var model={
             string1: $('#string1ID').val(), 
             string2: $('#string2ID').val(),
             date1: new Date(date1),
             date2: new Date(date2)
          };

$.ajax({
            url: '@Url.Action("Executer", "Requete")',
            type: "POST",
            data: JSON.stringify(model),
            success: function (result) {
                $('#ajaxDisplay').html(result);
            }
        });
});

编辑： $('#string1ID').val() -此处string1ID是从中获取值的任何控件的ID。 对于string2ID ， date1ID和date2ID

只需检查控制器方法的模型参数中是否接收到任何值

编辑2-好吧，如果您想一一传递模型值，上述方法肯定可以，但是如果您想通过Ajax将整个表单传递给控制器​​，则可以如下进行修改：

$('#valider').on("click",function (e) {
    e.preventDefault();
    var form=$("#formID");
    $.ajax({
        url: '@Url.Action("Executer", "Requete")',
        type: "POST",
        data: form.serialize(),
        success: function (result) {
            $('#ajaxDisplay').html(result);
        }
    });
});

有关序列化表格的更多信息，建议您通过此链接