Question

I have a link ‘hrefs=”javascript:callFunc()”>’ that invokes the function ‘callFunc()’;

function callFunc(){
    $.ajax({
           type: "POST",
           url: "call.php",
           data: "i="+i+add,
           success: function(msg){

                $('#content').html(msg);
           }
         });
}

The issue: When the user click’s that link 4 times, the callFunc is going to invoke 4 times, sending 4* the post via ajax.

Anyway to lock this down?

*Beaware that the link could be through out the page too; And there could be similar functions.

Answer 1

What about:

window.funcRunning = false;

function callFunc(){
    if(window.funcRunning == false) {
    window.funcRunning = true;
    $.ajax({
           type: "POST",
           url: "call.php",
           data: "i="+i+add,
           success: function(msg){

                $('#content').html(msg);
                window.funcRunning = false;
           }
         });
    }
}