MVC 5 Html.BeginForm without model

本文关键字：without model BeginForm Html MVC | 更新日期: 2023-09-27 18:21:08

我的_Layout页面上有一个简单的搜索表单。

如何轻松地将搜索fld中的值传递给控制器？无需创建Model或ViewModel。

@using (Html.BeginForm("Search", "Home", new { id = "search-fld" }, FormMethod.Post, new { @class = "header-search pull-right" }))
{
    @Html.AntiForgeryToken()
    <input type="text" placeholder="Search" id="search-fld">
    <button type="submit">
        <i class="fa fa-search"></i>
    </button>
}

如果我运行这个，然后"搜索fld"发送到控制器（偏离航线）

使用Ajax表单并使用Jquery获取值？

MVC 5 Html.BeginForm without model

只需给input一个name属性：

<input type="text" placeholder="Search" id="search-fld" name="searchValue">

然后将该名称与控制器中的参数HttpPost方法匹配：

[HttpPost]
public ActionResult Search(string searchValue)

您可以使用这样的Ajax调用：

 $(document).ready(function() {
$("#yourButton").click(function () {
            var yourValue = $("#search-fld").val() ;
            var url = "Search/asd/";
            $.ajax({
                url: url,
                cache: false,
                type: 'POST',
                data: {
                    searchValue = yourValue
                }
                success: function (data) {
                    if (data === true) {
                        alert('Success');
                    } else {
                        alert('Failed');
                    }
                    }
                })
            })
        })

控制器中的方法：

[HttpPost]
public ActionResult asd(string searchValue)
{
}