[JavaScript]ajax通信の重複を回避する方法 - Qiita

ajax通信の重複を回避するには ajax()によって非同期通信をする時、イベントが発生するたびに同じ値を取得する方法を説明していきます。 まず下記のコードを見てください $('html要素').on('keyup', function(){ var input = $(this).val(); $.ajax({ type: 'GET', url: url, data: { keyword: input }, dataType: 'json' }) .done(function(data) { //処理 }) .fail(function() { //処理 }); このようにキーが押されるたびにajax通信によって処理が行われるコードがあります。 ただしこの場合押されるたびに通信してしますので取得するデータが同じデータの場合重複して取得することになります。 それを防ぐのがjqxhrオブジェ