How to handle page change errors in jQuery Mobile

Question

I'm writing a jQuery Mobile application that requires user authentication. The same user cannot have her session open from multiple locations: if user logins from another browser, the previous session is marked as dead.

If the user attempts to move to another page with the browser with the dead session, "Error loading page" message is displayed. This is bad because user might not know why she's getting this error. Is it possible to tap in to the error event so I could check for the status of the session and redirect user to the login page if the session is dead?

Answer 1

How about the

pagechangefailed

event?

It is fired when the pageload fails, which seems to be the case.

More info on http://jquerymobile.com/test/docs/api/events.html

Answer 2

Related:

• Ajax - I need to check whether a valid session exists before every AJAX requests
• How to manage a redirect request after a jQuery Ajax call

You could use something like

pagebeforeshow

Triggered on the page being shown, before its transition begins.

• http://jquerymobile.com/demos/1.0b3/docs/api/events.html

Example (pseudo code):

$('#pageId').live('pagebeforeshow',function(event, ui){
    // check session here
    if(!$session) {
        // redirect to login
        $.mobile.changePage('#login');
    }
});