将参数传递给MVC Ajax.ActionLink

时间:2011-07-14 20:06:17

标签: asp.net-mvc-2 parameters asp.net-ajax actionlink

如何将TextBox的值作为ActionLink的参数发送?

我需要使用Html.TextBoxFor

<%= Html.TextBoxFor(m => m.SomeField)%>
<%= Ajax.ActionLink("Link Text", "MyAction", "MyController", new { foo = "I need here the content of the textBox, I mean the 'SomeField' value"}, new AjaxOptions{ UpdateTargetId = "updateTargetId"} )%>

Contoller / Actions看起来像这样:

public class MyController{
   public ActionResult MyAction(string foo)
   {      
      /* return your content */   
   }
}

使用MVC 2.0

1 个答案:

答案 0 :(得分:7)

  

如何将TextBox的值作为ActionLink的参数发送?

将输入字段值(例如文本框)发送到服务器的语义正确方法是使用html <form>而不是链接:

<% using (Ajax.BeginForm("MyAction", "MyController", new AjaxOptions { UpdateTargetId = "updateTargetId" })) { %>
    <%= Html.TextBoxFor(m => m.SomeField) %>
    <input type="submit" value="Link Text" />
<% } %>

现在,在您的控制器操作中,您将自动获取用户输入的SomeField输入的值:

public class MyController: Controller
{
    public ActionResult MyAction(string someField)
    {      
       /* return your content */   
    }
}

当然,即使错误使用ActionLink,您也可以尝试违反标记语义和HTML应该工作的方式。在这种情况下,这是你可以做的:

<%= Html.TextBoxFor(m => m.SomeField) %>
<%= Html.ActionLink("Link Text", "MyAction", "MyController", null, new { id = "myLink" }) %>

然后在一个单独的javascript文件中使用jQuery不引人注意地AJAX化这个链接:

$(function() {
    $('#myLink').click(function() {
        var value = $('#SomeField').val();
        $('#updateTargetId').load(this.href, { someField: value });
        return false;
    });
});