<div>
<div class="content wysiwyg-content">
I've got product filtering on my webpage whereby clicking checkboxes sends a new call for the products filtered by the selection.<br />
But I don't want to allow multiple calls being made one after the other<br />
What is the best way to delay the call by say 1 second? A timeout?<br />
The ajax call should be cancelled if another ajax call is initiated.
</div>
</div>


I've got product filtering on my webpage whereby clicking checkboxes sends a new call for the products filtered by the selection.
But I don't want to allow multiple calls being made one after the other
What is the best way to delay the call by say 1 second? A timeout?
The ajax call should be cancelled if another ajax call is initiated.

jQuery Ajax delay calls

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.