How to correctly login user in mobile app built with PhoneGap

Question

Im building a mobile app on a PhoneGap. I've created several static HTML pages (stored on the phone locally) and trying to load some data from server using AJAX.

$( document ).bind( "mobileinit", function() {
        $.support.cors = true;
        $.mobile.allowCrossDomainPages = true; 
    });

$(document).ready(function () {
    ajaxDeferred = $.ajax({
        url: 'http://example.com/api/isAuthorized'
        type: method,
        data: parameters,
        timeout: 40000
    });

    ajaxDeferred
        .done(function(data) {  

              alert(data.result);     

         })
        .fail(onFailHandler);
});

On a server side I have this code

public ActionResult IsAuthorized()
{
        FormsAuthentication.SetAuthCookie("shade", true);

        return this.Json(
            new
                {
                    result = this.HttpContext.User.Identity.IsAuthenticated
                },
                JsonRequestBehavior.AllowGet
            );
 }

I expect:

On the first run recieve "False" result since user is not authorized
On the second run recieve "True", because of SetAuthCookie

When I try it in a browser, it works as expected. But whatever I run mobile app i alwayes recieve False, like cookies are not being tranfered.

So the question is how to correctly login user with AJAX, is it possible? What are best practises? For unknown reason this simple scenario is not covered by PhoneGap manuals.

Did you try solutions on this thread? http://stackoverflow.com/questions/2870371/why-is-jquerys-ajax-method-not-sending-my-session-cookie — wmfairuz, Apr 02 '13 at 22:25

score 1 · Answer 1 · answered Apr 03 '13 at 16:00

Ok, I found an answer:

$(document).ready(function () {

   ...

});

is not suitable. Instead one have to use

document.addEventListener(
  "deviceready",
  function() {

     ... at this point cookies are working fine!

  },
  false);

Access-Control-Allow-Origin and Access-Control-Allow-Credentials headers are not required as well as other cross-domain techniques

How to correctly login user in mobile app built with PhoneGap

1 Answers1