如何将参数添加到我的表单

Question

<form method="post" class="search-form" action="?">
  <fieldset>
   <input class="search home_input_search" placeholder="Поиск" type="search" />
   <input  type="submit" class="subm but_search" value="" />
 </fieldset>
</form>

我有一个表单 - 搜索，这是布局和我的任务在创建链接到控制器时与 Products/index?search_name=something 之类的参数一致。而且我不知道如何在链接中传输值文本框。

Answer 1

在表单中添加 onsubmit 事件处理程序，它应该：

1. 使用查询字符串 ?search_name= 输入值创建 URL
2. 将 window.location.href 设置为创建的 url
3. 返回假

编辑：当然，您可以用不同的方式实现它，在这种情况下不需要表单。

Answer 2

你必须给inputs 他们在发帖时应该拥有的name，并在form 上设置正确的action。输入中的name 决定了URL 中的键（因为您使用GET 方法）。在form 上设置action 将指示将其发送到哪里。

<form method="post" class="search-form" action="Products/index" method="GET">
  <fieldset>
   <input name="search_name" class="search home_input_search" placeholder="Поиск" type="search" />
   <input  type="submit" class="subm but_search" value="" />
 </fieldset>
</form>

Answer 3

首先，最好调用控制器参数“searchName”而不是“search_name”。这符合代码约定。

接下来，当您在浏览器中调用 Proudcts/index?search_name=somethink 时，您将发起 GET 请求。 GET 请求没有正文并与查询参数进行通信。

当您创建新表单并将它们提交到服务器时，您正在启动 POST 请求（默认情况下）。发布请求具有包含请求参数的正文部分。

那么我们应该从View开始。如果你想使用查询字符串，你应该明确地create GET-form:

@using (Html.BeginForm("ControllerMethodName", "ControllerName", FormMethod.Get))
{
}

接下来，您应该将 name 属性添加到您的输入中，其名称与控制器方法参数中的名称相同：

<input class="search home_input_search" name="searchName" placeholder="Поиск" type="search" />

也可以使用HtmlHelper method生成html：

@Html.TextBox("searchName", string.Empty, new Dictionary<string, object> { { "class", "search home_input_search" }, { "placeholder", "Поиск" } })

最后，您可以根据需要设置任意数量的参数：

@using (Html.BeginForm("ControllerMethodName", "ControllerName", FormMethod.Get))
{
    @Html.Label("Поиск")
    @Html.TextBox("searchName", string.Empty, new Dictionary<string, object> { { "class", "search home_input_search" }, { "placeholder", "Поиск" } })
    @Html.Label("Включая вложенные")
    @Html.CheckBox("includeNested", true)
}