ASP.NET MVC 5 jQuery Mobile web page shows "undefined" after session time out

Question

I am developing Asp.Net MVC 5 jQuery Mobile application. I am facing weird error. When the session is expired and user clicks on any link. A new white page comes with text "undefined". How can I redirect user to Login page.

I tried this, but did not work.

Answer 1

If you put the [Authorize] Atttribute on your Action it should go directly to your Login page, otherwise check the html link rendered on the client. Bye

Answer 2

You could create an action filter for this scenario.

public class SessionExpiredRedirect : ActionFilterAttribute
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        if (filterContext.Controller.ControllerContext.HttpContext.Session == null) // Or however you want to check for expired session.
        {
            filterContext.Result = new RedirectToRouteResult(
                new RouteValueDictionary
                {
                    { "Controller", "YourController" },
                    { "Action", "YourAction" }
                });
        }
    }
}

To use the filter you can either place the attribute specifically on the action method you want to redirect if the session has expired:

public class HomeController : Controller
{
    [SessionExpiredRedirect]
    public ActionResult Index()
    {
    }
}

Or in the FilterConfig.cs file:

public class FilterConfig
{
    public static void RegisterGlobalFilters(GlobalFilterCollection filters)
    {
        filters.Add(new SessionExpiredRedirect());
    }
}

In which case the attribute will be executed for all action methods.