MVC3 jQuery form submit and RedirectToAction using HttpPost not working

Question

Working on MVC 3 application with some CRUD operations with jQuery ajax.

I post my user detail form to controller method to Save the information. Once the information get saved, i am redirecting to Detail page by passing saved id and some tempdata information to show some message like 'User saved successfull'

But it is not at going to Detail method in controller, after SaveUserDetail method.

Here is my controller code

    [HttpPost, Authorize]
    public ActionResult UserDetail(string Id)
    {
     User user = AdminService.SelectUserByUserName(Id);
     UserDetailViewModel viewModel = Mapper.Map<User, UserDetailViewModel>(user);
        if (TempData["SaveStatus"] != null && TempData["SaveStatus"] == "true")
        {
            viewModel.InSaveMode = true;
            viewModel.SaveStatus = true;
        }
        return View(viewModel);
    }

    [HttpPost, Authorize, ValidateAntiForgeryToken]
    public ActionResult SaveUserDetail(UserDetailViewModel viewModel)
    {
        User userToSave = new User();
        AdminService.UpdateUser(userToSave);
        TempData["SaveStatus"] = "true";
        return RedirectToAction("UserDetail", new { Id = viewModel.userId});
    }

My jQuery code

 $("#user-detail-form").submit(function (e) {
        if ($(this).valid()) {
            $.post('@Url.Action("SaveUserDetail")', 
                       $(this).serialize(), function (data) {
                $("#user-detail-box").html(data);
                $.validator.unobtrusive.parse($("#user-detail-box"));
            });
        }
        e.preventDefault();
    });

score 2 · Accepted Answer · answered Jan 04 '13 at 13:45

2

Get rid of the [HttpPost] attribute from your UserDetail method if you intend to redirect to it.

If a controller action is decorated with the [HttpPost] attribute this means that this action is accessible only with the POST HTTP verb. But in your case you are redirecting to it (return RedirectToAction("UserDetail", new { Id = viewModel.userId});) and as you know a redirect in HTTP means 302 status code with a Location header followed by a GET request by the client to the target location.

If you had used FireBug or a similar javascript debugging tool in your browser to analyze the AJAX request you would have immediately seen this.

answered Jan 04 '13 at 13:45

Darin Dimitrov

1,023,142
271
3,287
2,928

Thanks a lot. It is success. But for showing success message i use TempData and refer. Is it ok? or any other recommended way? – Murali Murugesan Jan 04 '13 at 14:20
I would pass the success message as query string parameter instead of using TempData. – Darin Dimitrov Jan 04 '13 at 14:46
I did the same and enjoying the better way of developing MVC3 apps. Thanks a lot for guiding. Always follow you!!! Hats off!! – Murali Murugesan Jan 04 '13 at 18:15
After modified my action method with query string parameter it is not working. tried with url route mapping. posted new thread here http://stackoverflow.com/questions/14169796/route-with-optional-parameters-in-mvc3-not-working – Murali Murugesan Jan 05 '13 at 07:48

MVC3 jQuery form submit and RedirectToAction using HttpPost not working

1 Answers1