Bootstrap Modal将输入参数传递给控制器​​,而无需关闭模态

时间:2019-01-23 11:47:57

标签: c# razor model-view-controller

我有一个带有2个选项卡的模态,并且其中之一具有输入。单击搜索按钮后,我需要将该输入的值传递给控制器​​。在那之后,模态应该保留。如何在不关闭模态的情况下将参数传递给控制器​​?

<div class="modal-body">
    @using (Html.BeginForm("SearchKuerzel", "Home"))
    {
        <div class="input-group mb-3">
            <input type="text" class="form-control" placeholder="USZ-Kürzel" id="MyParameter" aria-label="USZ-Kürzel" aria-describedby="basic-addon2">
            <div class="input-group-append">
                <button class="btn btn-outline-secondary" type="submit">Mitarbeiter suchen</button>
            </div>

        </div>
    }    
</div>

1 个答案:

答案 0 :(得分:0)

您可以使用@ 3xGuy所说的javascript,也可以使用如下的jquery:

$('#MyParameter').val();

获取值,然后使用ajax将信息发送到控制器。从这里可以在控制器中做任何您想做的事情,只需从控制器中返回Json(例如下面的代码)即可。

return Json(new {success = //true or false or whatever});

编辑:

在控制器中完成所需的操作后,就可以返回值,就像我在上面的代码中返回变量'success'一样。在ajax请求的结果部分,您可以从控制器获取数据,例如:

//the rest of the ajax request
success: function(result)
{
     //Change the value of  html element to success in this case
     $('#//id of the element').text(result.success)
}

编辑2:

要返回两个Json字符串,请执行上述操作,但添加另一个返回值,例如:

return Json(new {string1 = //whatever, string2 = //whatever});

在ajax中像这样访问它们:

success:function(result)
{
    var return1= result.string1;
    var return12 = result.string2;

}