How to access a variable after it is getting defined by the ajax call?

Question

How can I access inner_variable after it is getting defined by the ajax call?

PS: I can't change anything in the ajax call success callback. I tried to use setTimeout but it's not efficient enough.

jQuery(document).ready(function(){

   inner_variable = inner_variable + 1;


   jQuery.ajax({
         //code

   }).done(function(response){
     var inner_varaiable  = response;
   });


});

If I understand your problem, you are trying to access the value assigned in your ajax done from outside of ajax? — Iftikhar Ali Ansari, Aug 08 '15 at 15:03
@dbarnes Well, the code is much complicated. The ajax call is in another js file which I can't change anything in it. That variable contains (Maps Markers) and I want to change the popup text of the markers. — Waseem Senjer, Aug 08 '15 at 15:04
You **can** access the variable, from inside the `.done()` callback. — Pointy, Aug 08 '15 at 15:07
I still don't understand, are you trying to call some function after the ajax completes or are you trying to call something right after the ajax call is executed? As Script47 explains the code to execute done doesn't happen till later — dbarnes, Aug 08 '15 at 15:10
@Pointy I mentioned in the question that I don't have access to the `done()` function. — Waseem Senjer, Aug 08 '15 at 15:16
No, you said you don't have access to the "success" callback. In any case, if you can't touch that code, there's really nothing you can do other than use a hack like a timer. — Pointy, Aug 08 '15 at 15:57

Script47 · Answer 1 · 2015-08-08T15:10:34.530

You need to use a callback function like below, you then use response by passing it through to the callback.

function myAjaxFunction (myCallback) {
    jQuery.ajax({
         //code

    }).done(function(response){
         myCallback(response);
   });   
}

myAjaxFunction(function (response) {
    console.log(response);
    // Then you can use response.
});

Because AJAX is asynchronous you can't do it like you wanted to.

score 0 · Answer 2 · answered Aug 08 '15 at 15:03

0

If you can't change anything in the success callback, you could hook onto the ajaxComplete callback and put your setTimeout there.

$( document ).ajaxComplete(function() {
    // setTimeout or setInterval after a short delay to check inner_variable till it's defined 
});

answered Aug 08 '15 at 15:03

potatopeelings

40,709
7
95
119

How can I hook into XmlHttpRequest object? – Waseem Senjer Aug 08 '15 at 16:30
Thank you anyway, I used this library to hook into XmlHttpRequest objects https://github.com/jpillora/xhook – Waseem Senjer Aug 08 '15 at 16:44

score 0 · Answer 3 · answered Aug 08 '15 at 15:14

You have to take a look about scopes. I mean if you do :

   var myvalue; /*value undefined this scope is private */function test (){myvalue = 'foo'/*
This will overwrite myvalue outher context inside function myvalue produces foo */} //myvalue out the function is foo

When you declare var the context is private to the scope if you declare without var means the global scope and you can overwrite Hope you help

How to access a variable after it is getting defined by the ajax call?

3 Answers3