Redirection to other page after ajax request - ajax

Question

I have a form that i use to add data to my database. I am using Ajax.BeginForm() to post data to the controller and then execute a stored procedure to save data. The result that i want is to show an error if the stored procedure fail to add data and to redirect to an other page in the other case. So I did something like this in my controller.
if (succees)
{
return RedirectToAction("ModificationPage", new { id = posted.articleId });
}
else
ViewData["ErrorMessage"] = msg;
return PartialView("_error");
_error is a simple partialview which display the error message. My problem is that when the stored procedure add data, instead of redirecting to the modification page, the modification page is rendred inside the view. Is there a method in asp mvc that can fix this

Answer 1

You can use onSuccess parameter of ajaxForm
using( Ajax.BeginForm( "action","controlle",
new AjaxOptions( ) {
OnSuccess = "mySuccessFunction",
} ) ) }
And then in js
function mySuccessFunction(){
//check if html with error exist on page
window.location = "url"
}

Answer 2

RedirectToAction is not supported in ajax. You could send the redirect URL back to the client and from the client use window.location to redirect to the new location.

Answer 3

you can in your controlleur
if (succees)
{
Redirect("/AREA/ContolleurName/ModificationPage/?Id=" + posted.articleId+ ")
}
else
ViewData["ErrorMessage"] = msg;
return PartialView("_error");**strong text**
and create action in your conrolleur
public ActionResult ModificationPage(int Id)
{
return //your view
}
Or ajax like this
$("class(.test) or Id (#Test)").on("click", function () {
var id = $(this).attr('id');
/*Création de la chaine en Json...*/
window.location.href = "/AREA/ContolleurName/ModificationPage?Id=" + id +"";
});