JQueryで過度の関数呼び出しを防ぐ方法

Question

私はAJAX呼び出しでその内容を自動保存する要素を持っています。現在、内容が変更されるたびにオートセーブ機能が呼び出されます。しかし、これを少し制限してサーバー要求の数を減らしたいと思います。次のコードを編集する最良の方法は何でしょうか？save()はn秒に一度しか呼び出されません。

$("#editorInstance").contentChange(function() { 
    save(); 
}); 

Answer 1

あなたが別のライブラリを気にしない場合は、アンダースコアがこれを扱うことができるthrottle methodがあります

スロットル_.throttle(function, wait)

が作成し、新しいを返し、渡されたのバージョンを絞ります繰り返し呼び出されたときには、実際に呼び出す関数は、たいていミリ秒ごとに1回だけ元の関数を呼び出します。あなたが追いつくよりも速く起こるレート制限イベントに役立ちます。これは私がそれを解決する方法です

var throttled = _.throttle(updatePosition, 100); 
$(window).scroll(throttled); 

Answer 2

あなたはのsetTimeout（）あなたはそれが保存されているエディタを無効にすることができます

var init; 
$("#editorInstance").contentChange(function() { 
    init = setTimeOut(save, 60000); //After a minutes 
}); 

//Do you forget to clear the timeout too 
function save() { 
    clearTimeOut(init); 
    //Remaining function 
} 

かを、使用して、関数の実行を遅らせることができます。

$("#editorInstance").contentChange(function() { 
    $(this).attr('disabled', true); 
    save(); 
    $(this).removeAttr('disabled'); 
}); 

Answer 3

、

$("#editorInstance").contentChange(function() { 
    if(!window.saveTimeout) 
     window.saveTimeout = setTimeOut(save(), 60000); 
    else 
     clearTimeout(window.saveTimeout); 
     window.saveTimeout = setTimeOut(save(), 60000); 
});