Question

单击提交按钮后，我必须将在文本框中输入的值传递给控制器类。我不想使用Form或该字段没有模型类。如何实现？下面是示例代码供您参考

<table style="width:100%;">
<tr>
<td style="text-align:center;font-weight:bold;width:95%;">My header</td>
<td>
<select>
<option value="Choose">Select</option>
<option value="val1">val1</option>
<option value="val2">val2</option>
<option value="val3">val3</option>
</select>
</td>

<td>
<input type ="text" id="searchField" name="searchFieldText">
</td>
<td>
<input type="submit" style="color:black;background-color:rgb(216, 214, 208)" value="Search" onclick="location.href='@Url.Action("ExecuteSearch", "MyController",new { <!--I want to pass the textbox value as param here-->})'" />
</td>
<td style="text-align:right;width:10%;">@Html.ActionLink("LOGOUT", "logout")</td>
</tr>
</table>

提前谢谢！！！

Answer 1

有多种方法可以达到相同的目的。您可以像这样使用Jquery：

<a href='@url.action("LOGOUT","logout")?someParameter=$('#searchField').val()' >Text for Link Name</a>

在控制器级别，必须将字符串参数添加到注销方法中。喜欢：

Public ActionResult Logout(string someParameter)
{
  //your code
}

使用AJAX

下面的代码段将使用ajax调用

<div class="row">
    <table style="width:100%;">
        <tr>
            <td style="text-align:center;font-weight:bold;width:95%;">My header</td>
            <td>
                <select>
                    <option value="Choose">Select</option>
                    <option value="val1">val1</option>
                    <option value="val2">val2</option>
                    <option value="val3">val3</option>
                </select>
            </td>

            <td>
                <input type="text" id="searchField" name="searchFieldText"/>
            </td>
            <td>
                <input type="submit" style="color:black;background-color:rgb(216, 214, 208)" value="Search" onclick="submitClick()" />
            </td>
            <td style="text-align:right;width:10%;">@Html.ActionLink("LOGOUT", "logout")</td>
        </tr>
    </table>
</div>

<script>
   function submitClick()
    {
        $.ajax({
            url: "../MyController/ExecuteSearch?someParameter=" + $('#searchField').val(),
            type: "GET",
            success: function (data) {
                debugger;
              // your custom code
            }
        });
    }
</script>

希望这会有所帮助！

单击文本时将文本框值从视图传递到控制器，而无需使用ASP.NET MVC 4中的表单

1 个答案: