Jquery mobile function calls before Ajax Request end
- by rpmlins
Here is my problem.
When My Home page shows, I call the LoadUser functions, which on success, sets the globalUser variable with the returned json, and after it loads I call the alert function but it says globalUser is undefined. I have tried many other work arounds, but I always get the  undefined mesage.
If I call the alert(globalUser); on the success function, it  works as expected alerting the object.
$('#Home').live('pageshow', function(event) {
   $.when(LoadUser()).done(function(a1) {
     alert(globalUser);
   });
});
function LoadUser() {
$.ajax({
    // connects with the web service and validate de user input
    url: "http://localhost:51396/Icademy.asmx/GetUser",
    contentType: "application/json; charset=utf-8",
    data: { "userName": "'rodrigo'" },
    dataType: "jsonp",
    success: function(json) {
        globalUser = JSON.parse(json.d);
        return globalUser;
    },
    error: function(ret) {
        alert("Um erro ocorreu, tente novamente mais tarde.");
    }
});
}