setInterval、ajaxリクエスト

Question

ajaxリクエストを取得する最良の方法は何ですか。

マインは、javascript関数を呼び出すたびに、高速かつ高速に取得されます。 理由はわかりません。ここ

はコードです：

$(function(){ 
getSuggestions(); 
}); 

function getSuggestions(){ 
    var url = $("#baseUrl").val() + '/placement/suggestions/x-fetch-suggestions'; 
    var data ={} 
    var result = myAjaxJson(data,url); //gets json object via ajax 

/* gets object 'sug' and put into #suggestions-list*/ 
    $('#suggestions-list').html(result.sug); 

    var a = setInterval("getSuggestions()",5000); 
} 

Answer 1

あなたには再帰的なダブルループがあります。

​​

Answer 2

あなたは新しいのsetIntervalあなたがgetSuggestionsを呼び出すたびに開始されます。外にそれを設定します。

$(function(){ 
    getSuggestions(); 
}); 

の

$(function(){ 
    var a = setInterval("getSuggestions()",5000); 
}); 

InsteedそしてgetSuggestionsメソッドからのsetIntervalコードを削除します。

Answer 3

のsetTimeoutを使用し、するsetIntervalを使用しないでください：

はこれを試してみてください。 setIntervalは、前のAjax要求が完了したかどうかに関係なく、5秒ごとに関数を呼び出します。 setTimeoutはthenext 1を開始する前のAjaxリクエストの後に5秒間待機します。：

$(function(){ 
getSuggestions(); 
}); 

function getSuggestions(){ 
    var url = $("#baseUrl").val() + '/placement/suggestions/x-fetch-suggestions'; 
    var data ={} 
    var result = myAjaxJson(data,url); //gets json object via ajax 

/* gets object 'sug' and put into #suggestions-list*/ 
    $('#suggestions-list').html(result.sug); 

    var a = setTimeout("getSuggestions()",5000); 
} 

Answer 4

var counter = 0; 
var timer = null; 
function loader(){ 
    if (timer) { 
     clearTimeout(timer); 
     timer = null; 
     return; 
    } 
    timer = window.setInterval(function(){ 
    $("#paragraph").load("file.php"); 
    }, 10); 
} 

window.onload = function() { 
    loader(); 
};