Question

Possible Duplicate:
Jquery POST for suggestion list

I have the next code and it works well, the problem is that when the user finishes writing the word, the script keeps creating post calls and changing the suggestion list constantly.

I want to do something that if the user keeps writing a word, the script stops all the post calls to only do the last.

$("#inputString").keydown(function() {
lookup($(this).val());
//alert('a');
});

function lookup(inputString) {
if(inputString.length == 0) {
    $('#suggestions').fadeOut(); // Hide the suggestions box
} else {
    $.post("../jsonshow.php", {q: ""+inputString+""}, function(data) { // Do an AJAX call
        $('#suggestions').fadeIn(); // Show the suggestions box
        $('#suggestions').html(data); // Fill the suggestions box
    });
}
}

Answer 1

You can use $.ajax instead of $.post and abort the previous requests and send only the current Request..

Something of this sort..

 $("#inputString").keydown(function() {
        lookup($(this).val());
        //alert('a');
    });

    var ajaxRequests;
    function lookup(inputString) {
        if (inputString.length == 0) {
            $('#suggestions').fadeOut(); // Hide the suggestions box
        } 
        else {
            var ajaxReq =
                $.ajax({
                    type: "POST",
                    url: "../jsonshow.php",
                    data: "" + inputString + "",
                    dataType: 'html',
                    beforeSend: function() {
                        var req = ajaxRequests;
                        if (req != null && req != undefined) {
                            req.abort();
                            // Abort the previous requests
                        }
                    },
                    success: function(data) {
                        $('#suggestions').html(data).fadeIn();
                        // Fill the suggestions box
                    },
                    complete : function(){
                         ajaxrequests = null;
                    }
                });
            ajaxRequests = ajaxReq;
        }
    }