Question

I have a php script that outputs json data. For the purposes of testing, i’ve put sleep(2) at the start.

I have a html page that requests that data when you click a button, and does $('.dataarea').append(data.html)

(php script returns a json encoded array. data.html has the html that i want to put at the end of <div class="dataarea">...HERE</div>.

The trouble is, if i click the button too fast (ie. more than once within two seconds (due to the sleep(2) in the php script)), it requests the php file again.

how can i make it only do one request at a time?

i’ve tried this (edited down to show the important parts):

amibusy=false;

$('#next').click('get_next');

function get_next() {

    if (amibusy) {
    alert('requesting already');

}
else {

    amibusy=true;
    // do the request, then do the append()
    amibusy=false;

}


}

but this doesn’t seem to work. i’ve even tried replacing the amibusy=true|false, with set_busy(), and set_not_busy(). (and made a function am_i_busy() { return amibusy; })

but none of this seems to work. what am i missing?

Answer 1

If you’re in jQuery the amibusy would be jQuery.active which contains a count of currently active AJAX requests, like this:

if(jQuery.active > 0) { //or $.active
  alert('Request in Progress');
}

Keep in mind that in jQuery 1.4.3 this becomes jQuery.ajax.active.