ansaurus

Question

Jquery - prevent ajax requests from "stacking" up.

Answer 1

A:

I don't know what your showOverlay() function looks like, but you could do something like this:

function showOverlay()
{
  if($('#overlay :animated').length > 0 || $('#overlay').hasClass('visible'))
  {
      return;
  }
  //Show overlay
}

:animated

Unkwntech 2010-10-09 02:44:31

Answer 2

+1 A:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;

<script>
$(document).ready(function() {
    var timer = 1000; // milliseconds

    var running = false;
    $("#myTextField").keypress(function() {
        if (!running) {
            running = true;

            $.getJSON('object.json', function(data) {
                setTimeout(function() {
                    alert( $("#myTextField").val() );
                    running = false;
                }, timer);
            });
        }
    });
});
</script>
</head>

<body>

<input id="myTextField" type="text" size="100%" />
</body>

</html>

Corey 2010-10-09 02:45:29

In this example, the JSON will be called a maximum of once per second, because "running" will not be set to false until the inside function completes.

Corey 2010-10-09 02:48:29

ansaurus

tags:

views:

answers:

Jquery - prevent ajax requests from "stacking" up.

related questions