Question

I would like to assign a variable inside an $.ajax() function so that it’s still available the next time the function is called…

Is this possible?

var xxx = 1; isn’t doing the job.

Thanks!

Answer 1

I think you should do something like that and avoid DOM manipulation for that…

(function($){
    var YourApp = {
        var your_vault : "",

        binders : function(){
            $('#button').on('click',YourApp.ajaxRequest);
        },
        ajaxRequest : function() {
            // Do something with YourApp.your_vault     
            $.ajax({
                url: 'http://someurl.com',
                succes: function(){
                    // Modifying your value:
                    YourApp.your_vault = 'A wonderfull new value';
                }
            });
        }
    };
    YourApp.binders();
})(jQuery); 

Since I don’t have real code from your app I can’t give more exact code but I think you’ll get the idea.

The key idea is the scope. Whenever you have your var in a higher scope you’ll be able to modify it in a lower scope, without using the var keyword.