引数なしのsetIntervalを使用したコールバック関数

Question

私は毎秒ajax呼び出しを1回行った後、別のURLにajax呼び出しを行います。次のコードを実装しましたが、このコールバックの問題を修正して2番目の関数を実行できないと思います。

$(document).ready(function(){ 
    ajaxSingleCall(function(){ 
     ajaxCalls(); 
    }); 
}); 

function ajaxSingleCall(){ 
    $.ajax({ 
     type: 'GET', 
     url: "/matchDataOdds", 
     dataType: 'json' 
     }) 
     .done(function(data) { 
      data.forEach(addOddsCanvas); 
     }) 
     .fail(function() { 
      console.log("Ajax failed to fetch data"); 
     }); 
} 

function ajaxCalls(){ 
    setInterval(runner, 1000); 
} 

function runner() { 
    // run your ajax call here 
    $.ajax({ 
    type: 'GET', 
    url: "/matchData", 
    dataType: 'json' 
    }) 
     .done(function(data) { 
      liveFeed(data); 
     }) 
     .fail(function() { 
      console.log("Ajax failed to fetch data"); 
     }); 
} 

Answer 1

代わりにajaxSingleCall()から呼び出してみてください。私はあなたのコードを編集しました。

$(document).ready(function(){ 
    ajaxSingleCall(); 
}); 

function ajaxSingleCall(){ 
    $.ajax({ 
     type: 'GET', 
     url: "/matchDataOdds", 
     dataType: 'json' 
     }) 
     .done(function(data) { 
      data.forEach(addOddsCanvas); 
      ajaxCalls(); // <-- here 
     }) 
     .fail(function() { 
      console.log("Ajax failed to fetch data"); 
     }); 
} 

function ajaxCalls(){ 
    setInterval(runner, 1000); 
} 

function runner() { 
    // run your ajax call here 
    $.ajax({ 
    type: 'GET', 
    url: "/matchData", 
    dataType: 'json' 
    }) 
     .done(function(data) { 
      liveFeed(data); 
     }) 
     .fail(function() { 
      console.log("Ajax failed to fetch data"); 
     }); 
} 

Answer 2

setIntervalをAJAXで使用しないことを強くお勧めします。サーバーの復帰が遅い場合は、コール時にサーバーのハンマーリングを開始することがあります。 doneまたはcompleteを使用すると、サーバーは可能な限り速く戻ります。

代わりajaxSingleCallで行われ、その後、ランナー

注意を行って中のsetTimeoutを使用してランナーを置く：あなたはajaxSingleCall

$(function() { 
 
    ajaxSingleCall(); // not taking any parameters anyway... 
 
}); 
 

 
function ajaxSingleCall() { 
 
    $.ajax({ 
 
     type: 'GET', 
 
     url: "/matchDataOdds", 
 
     dataType: 'json' 
 
    }) 
 
    .done(function(data) { 
 
     data.forEach(addOddsCanvas); 
 
     runner(); 
 
    }) 
 
    .fail(function() { 
 
     console.log("Ajax failed to fetch data"); 
 
    }); 
 
} 
 

 
function runner() { 
 
    // run your ajax call here 
 
    $.ajax({ 
 
     type: 'GET', 
 
     url: "/matchData", 
 
     dataType: 'json' 
 
    }) 
 
    .done(function(data) { 
 
     liveFeed(data); 
 
     setTimeout(runner, 1000); 
 
    }) 
 
    .fail(function() { 
 
     console.log("Ajax failed to fetch data"); 
 
    }); 
 
}

渡されたコールバックを実行していなかったので、あなたのコードは失敗しました

Answer 3

ajaxSingleCall関数はパラメータを取らないため、ajaxCalls（）は呼び出されません。

Answer 4

コールバック関数をajaxSingleCallに渡していますが、パラメータを受け付けません。渡された関数を実際に使用する必要があります。自動的に呼び出されることはありません：

function ajaxSingleCall(callback){ 
    $.ajax({ 
     type: 'GET', 
     url: "/matchDataOdds", 
     dataType: 'json' 
    }) 
    .done(function(data) { 
     data.forEach(addOddsCanvas); 
     callback(); 
    }) 
    .fail(function() { 
     console.log("Ajax failed to fetch data"); 
    }); 
}