[jquery ajax] set ajax response as global variable

Question

Hi,

I'm currently messing with google's apis using ajax trough jquery library. In order to use a google service API i need to get an auth token sending a request to ClientLogin. Actually, i've no idea how to pass the token to the second request .

I've set a global variable token as var token = null;

I call two requests on $(document).ready event.

1. The first one is an https POST request to google clientLogin in order to get user credential token.

Here's the code of the first ajax request :

$.ajax({
    type: "POST",
    url: "https://" + host + clientLoginEntryPoint,
    data: cLRequestData(accountType, user, pwd, service),
    dataType: "html",
    success: function (response) {      
        var tokenArray = response.split("="); // Split to response tokenArray[3] is the auth token
        token = tokenArray[3];
        $(".status").html(token);
    }
}); // END OF CLIENT LOGIN REQUEST

1. The second one is supposed to call the contacts API with an http GET.

   $.ajax({
   type:  "GET",
   url: "http://" + host + googleContactEntryPoint,
   beforeSend: function(xhr) {
       xhr.setRequestHeader('Authorization', 'GoogleLogin auth=' + token);
       xhr.setRequestHeader('GData-Version', '3.0');
   },
   success: function(response, textStatus, xhr) {
       var names = $(response).find('entry>title').text();
       $(".status").text(names);
   },
   error: function(xhr, status, error) {
       $(".status").html(xhr.status+ " "+ xhr.statusText );
   }
   

   }); // END OF GOOGLE CONTACT REQUEST

The problem i'm facing is that token is set to null when i try to set Google Authentification Header in the second request. I've already read link text but this is not working for me. I now that must be something to do with callback/events but i'm couldn't figure how to do this.

Any help appreciated

Answer 1

looks like the scope of the variable token is not global. you have it defined in the scope of the success function for the initial ajax request