在 MVC 中使用 HTML 按钮

Question

我觉得问这个问题有点愚蠢，但我只是想知道如何让 html 按钮调用我的控制器上的服务器站点操作。

例如，假设我有一个文本区域和一个提交按钮。这个想法是单击提交按钮，文本区域中的文本将被提交到数据库。非常简单的东西。

谢谢您的帮助！

Answer 1

在 aspx 中：

     <%Html.BeginForm("Hello","Home",FormMethod.Post);%> <!--Name of method, name of controller, formmethod -->
        <input type="text" id="userName" maxlength="50" name="userName"/>
        <input id="Submit1" type="submit" value="Say Hello!" />
     <%Html.EndForm();%>
     <h2><%= Html.Encode(TempData["Message"]) %></h2>

在控制器中（本例中为 HomeController）：

public ViewResult Hello(string userName) //note this variable is exactly what is the name of text input on page
        {
            //simple example, take input and pass back out
            TempData["Message"] = "Hello, " + userName;
            return View("Index",TempData);
        }

编辑：解决有关维护 URL 的其他问题

一种实现“保持原位”的方法URL 是“重载”控制器的 Index 方法，如下所示

[AcceptVerbs(HttpVerbs.Post)] //This is KEY <-----
        public ActionResult Index(string userName)
        {
            //simple example, take input and pass back out
            TempData["Message"] = "Hello, " + userName;
            return View("Index",TempData);
        }

然后在 Index.aspx 中更改 Html.Begin 表单，如下所示，您现在只需指向默认操作

<%Html.BeginForm("Index","Home",FormMethod.Post);%> 

因为您正在发布到控制器而不是获取（默认值） index 操作）设置为 AcceptVerb POST 并采用 userName 字符串的版本将运行，并且应维护您的 URL

Answer 2

在视图的 HTML 中，文本区域和提交按钮将是表单的一部分，并且该表单的 action 属性将指向 '' 并且您可以将一部分放入生成检查 POST 数据的视图的同一控制器。如果有 POST 数据，则将其写入数据库。

表单看起来像这样：

<form action='' method='post'>
    <textarea name="text"></textarea>
    <input type="submit" value="Submit"/>
</form>

在 POST 中，您将看到一个变量，其键与文本区域的 name 属性相匹配（在本例中为 text） 。您可以从那里阅读它。

如果您愿意，还可以将表单上的 action 属性更改为 URL，在这种情况下，您可以编写用于检查该 URL 指向的控制器中的 POST 数据的部分。