Passing URL parameter and a form data together

Question

I have following URL:

http://localhost:49970/Messages/Index/9999

And at view "Index" I have a form and I post the form data to the action Index (decored with [HttpPost]) using Jquery, like this:

View:

<script type="text/javascript">
    function getMessages() {
        var URL = "Index";
        $.post(
            URL,
            $("form").serialize(),
             function(data) {
                 $('#tabela').html(data);
             }
        );
    }
</script>

 <% using (Html.BeginForm()) {%>

        <%=Html.TextArea("Message") %>

        <input type="button" id="submit" value="Send" onclick="javascript:getMessages();" />

    <% } %>

Controller:

[HttpPost]
public ActionResult Index(FormCollection collection)
{
   //do something...
     return PartialView("SomePartialView", someModel);
}

My question: How can I get the parameter "9999" and the form FormCollection in the action Index?

PS: Sorry about my english :)

Answer 1

You need to declare the id in the routes collection. Then, just put a verible with the same name in the action.

public ActionResult Index(int id, string otherPostData...)
{
   //do something...
     return PartialView("SomePartialView", someModel);
}

Look here for the details how MVC url routing works:

http://weblogs.asp.net/scottgu/archive/2007/12/03/asp-net-mvc-framework-part-2-url-routing.aspx

Answer 2

A simple way would be to add the Id to your form values.

This should do the trick:

<% using (Html.BeginForm()) {%>

    <%=Html.Hidden("Id") %>

    <%=Html.TextArea("Message") %>

    <input type="button" id="submit" value="Send" onclick="javascript:getMessages();" />

<% } %>

If that doesn't work, you'll need to throw the Id into your ViewData in the controller.

Another way to do it (which could be cleaner) would be to get the URL that jQuery posts to from the form's action attribute. While you're at it I'd make the js unobtrusive too.

HTHs,
Charles