Ajax.BeginForm that can redirect to a new page

Question

I have an @Ajax.BeginForm for my model which has a boolean value (@Html.CheckBoxFor). If this is checked, I want my HttpPost action to redirect to a new page. Otherwise I want it to just continue being an @Ajax.BeginForm and update part of the page.

Here is my HttpPost action (Note: Checkout is the boolean value in my model)

Controller:

    [HttpPost]     public ActionResult UpdateModel(BasketModel model)     {         if (model.Checkout)         {             // I want it to redirect to a new page             return RedirectToAction("Checkout");         }         else         {             return PartialView("_Updated");         }     } 

Answer 1

You could use JSON and perform the redirect on the client:

[HttpPost] public ActionResult UpdateModel(BasketModel model) {     if (model.Checkout)     {         // return to the client the url to redirect to         return Json(new { url = Url.Action("Checkout") });     }     else     {         return PartialView("_Updated");     } } 

and then:

@using (Ajax.BeginForm("UpdateModel", "MyController", new AjaxOptions { OnSuccess = "onSuccess", UpdateTargetId = "foo" })) {     ... } 

and finally:

var onSuccess = function(result) {     if (result.url) {         // if the server returned a JSON object containing an url          // property we redirect the browser to that url         window.location.href = result.url;     } }