Jquery Datatables Search Geciktirmeli Arama

 Datatables.net tabloları üzerinde arama yaparken tuşa her basıldığında sunucuya istekte bulunmasının önüne geçmek için aşağıdaki yöntem kullanılabilir. Aşağıdaki kullanım, kullanıcının arama alanına karakter girişi bittikten sonra isteği sunucuya 1 kez göndermektedir.

        var handleSearchDatatable = function () {

            const filterSearch = document.querySelector('[data-kt-docs-table-filter="search"]');

            var dtSearchTimer = 0;

            filterSearch.addEventListener('keydown', function (e) {

                //console.log("keydown");

                clearTimeout(dtSearchTimer);

            });

            filterSearch.addEventListener('keyup', function (e) {

                //console.log("keyup");

                dtSearchTimer = setTimeout(function () {

                    //console.log("gecikmeli arama yap");

                    dt.search(e.target.value).draw();

                }, 500);

            });

        }