ajax调用后全局变量未更改

Question

I am using below code

var lockonscreens = 1;

jQuery(document).ready(function(e) {
    var noOfSelection = 0; 

        if(lockonscreens == 0){
            // some stuff
        }
        if(lockonscreens == 1){
            // some stuff
        } 

});

function ajaxcall(){
    jQuery.ajax({
        url:
        type:
        data:
        async: false,
        success: function(data){
            lockonscreens = data;
        }
    });
}

jQuery("#").click(function(){
ajaxcall();
});

I am using above code to get some data through ajax and set it to variable and depending on that variable a click event code may happen.

But on ajax call the global variable value doesn't get changed. It remains the same even if the data changes in ajax.

Can anyone let me know what is the issue and how to correct it?

Answer 1

Remember that ajax is asynchronous , so if you call ajaxCall() and next an other function, ajax start the call to server and the function end.

When the server respond, the code after success: is executed.

Make sure you call the function in the success: function