Question

I use a JavaScript function to change the page when a function is clicked. An ajax call is made inside the function.
As the browser is slow. If I click more than one time on the button before the page changes (AJax div load. Page actually not changed), an ajax call is made for each click.
I used the following method to prevent. But even it is called many times. How can I prevent it?

var isClicked = function() {}
isClicked.init = function() {
    this.clicked = false;
}

function myAjaxFunction {
    //some statements
    if(isClicked.clicked == 'undefined')
        isClicked.clicked = false;

    if(isClicked.clicked)
        return false;

    isClicked.clicked = true;
     // my ajax call here
    isClicked.clicked = false;
    //some statements
}

Answer 1

var isClicked = false;  

function AjaxFunction(){

    if(isClicked){
        return false;
    }

    // Set your variable.
    isClicked = true;

    // Do yourAjaxCall and use isClicked = false in the callback of that function.

}