jquery mobile - RedirectToAction doesnot change the browser URL

Question

I was trying to redirect from the Account controller (Account/Login) to User/Index by doing below syntax.

return RedirectToAction("Index", "User");

it shows up the correct view but the URL still persist as Account/Login. Can anyone suggest how can i achieve the same. I have tried some of the searches from google but none of them works for me.

Answer 1

It's an issue caused by jQuery-mobile. By default, jQM will make forms use ajax calls, as this is how page navigation is performed in the framework. AJAX navigation is explained in more detail here.

The solution is to add data-ajax="false" to the form tag used for the initial server call.

So your form would look like this:

@using (Html.BeginForm("Login", "Account", FormMethod.Post, new { data_ajax = "false" }))