使用MVC时，如何调用控制器操作并传递文本框值？

Question

使用 Html.ActionLink 时如何读取文本框值，以便将该值传递给操作？

我有以下代码：

<table>
        <tr>
            <th>
                Consumer Key:
            </th>
            <td>
                @Html.TextBox("ConsumerKey")
            </td>
        </tr>
        <tr>
            <th>
                Consumer Secret Key:
            </th>
            <td>@Html.TextBox("ConsumerSecretKey")
            </td>
        </tr>
        <tr>
        <th>
        </th>
        <td>@Html.ActionLink("Retreive Access Tokens", "/Retrieve"</td>
        </tr>
    </table>

基本上，我需要调用控制器操作并传递文本框值。

如果使用 MVC，这怎么可能呢？

我知道我可以仅使用 html 按钮和对该 Action 的 AJAX 调用来实现它，但我希望有另一种使用 MVC 控件的方法。

Answer 1

通过将代码放入 Html.BeginForm("Retrieve", "Twitter") 块中，呈现给浏览器的 html 将包含在表单标签内，如下所示：

<form method="POST" action="/Retrieve/Twitter">
    <table>...</table>
</form>

然后，当您单击提交按钮时，表单，以及文本框中的所有值都将发布到您的 MVC 应用程序。然后，MVC 负责将这些表单值（使用 @Html.TextBox("ConsumerSecretKey") 创建的文本框及其值）映射到控制器操作的参数。

在您的情况下，大致以下内容将呈现给浏览器（操作链接需要更改为“提交”类型的输入，正如我在下面所做的那样：

<form method="POST" action="/Retrieve/Twitter">
    <table>
        <tr>
            <th>
                Consumer Key:
            </th>
        <td>
            <input id="ConsumerKey" name="ConsumerKey" type="text" value="" />
        </td>
    </tr>
    <tr>
        <th>
            Consumer Secret Key:
        </th>
        <td>
            <input id="ConsumerSecretKey" name="ConsumerSecretKey" type="text" value="" />
        </td>
    </tr>

    <td><input type="submit" id="Retrieve" value="Retreive Access Tokens" /></td>

    </tr>

</table>

</form>

当将其发布回您的应用程序时，文本您在文本框中输入的内容（呈现为标签）将映射到与其名称匹配的操作方法的参数：

public ActionResult Retrieve(string consumerKey, string consumerSecretKey)
{
    //action method code here
}

这里起作用的概念称为模型绑定。请参阅 ASP.NET MVC 应用程序中的控制器和操作方法 并向下滚动到“操作方法参数”部分以获取概述

Answer 2

我使用了带有提交按钮的 Html.BeginForm，然后奇怪的是，文本框值会自动提交到服务器：

@using (Html.BeginForm("Retrieve", "Twitter"))
    {
    <table>
        <tr>
            <th>
                Consumer Key:
            </th>
            <td>
                @Html.TextBox("ConsumerKey")
            </td>
        </tr>
        <tr>
            <th>
                Consumer Secret Key:
            </th>
            <td>@Html.TextBox("ConsumerSecretKey")
            </td>
        </tr>
        <tr>
            <th>
            </th>
            <td>
                <input type="submit" id="Retrieve" value="Retreive Access Tokens" />
            </td>
        </tr>
    </table>
    }

在我的控制器操作中：

 public ActionResult Retrieve(string consumerKey, string consumerSecretKey)
        {
}

Answer 3

您可以使用 FormCollection 对象。

[HTTPPost]
 public ActionResult Retrieve(FormCollection collection)
    {
         string consumerKey=collection["ConsumerKey"];
         string consumerSecretKey=collection["ConsumerSecretKey"];
    }

通过使用表单中的提交按钮来使用表单发布方法。

Answer 4

实际上，您无法使用 Html.ActionLink 进行 POST。您可以使用 Ajax.ActionLink 并设置 AjaxOptions 属性来实现此目的。如果使用 form 不适合您，您始终可以实现 jQuery 函数来拦截由 Html.ActionLink 生成的点击（基于此帮助程序生成的 ID）并添加文本框中的值作为参数。这里的问题是，如果您不使用 Ajax，您将使用 GET 方法提交值，这是一个很大的问题。 GET 应用于检索值，而不是修改数据库或其他后端数据存储的内容。如果你打算使用 Ajax，你可以这样做：

$(document).ready(function() {
    $("myActionLinkId").click(function() {
        var textBoxValue = $("#myTextBoxId").val();

        $.post($(this).attr("href"), { id: textBoxValue }, function(result) {
            alert("Result data: " + result);
        });
    });
});