setInterval внутри a for in loop fire немедленно

Question

Я пытаюсь сделать кучу вызовов для добавления пользовательских событий в API Google, лимит в API - 10 запросов в секунду, я пытаюсь добавить setInterval для ограничения этих вызовов, по какой-то причине это огонь все сразу, это мой тест функции:

function getGUIDS(){ 
$.ajax({ 
    url : 'google_api_url_with_params', 
    type : 'get', 
    success : function(data){ 
     for(var i in data.rows){ 
      rows[i] = data.rows[i]; 
      setInterval(function(x){ 
       console.log(data.rows[x][0]); 
      },1000,i); 
     } 
    }, 
    error: function(data){ 
     console.log("Error",data); 
    } 
}); 

}

кто-нибудь? большое спасибо!! :)

Answer 1

Попробуйте это:

function getGUIDS(){ 
$.ajax({ 
url : 'google_api_url_with_params', 
type : 'get', 
success : function(data){ 
    for(var i in data.rows){ 
     rows[i] = data.rows[i]; 
     setTimeout(function(x){ 
      console.log(data.rows[x][0]); 
     },i * 1000); 
    } 
}, 
error: function(data){ 
    console.log("Error",data); 
} 
}); 
} 

Answer 2

Попробуйте настройке очереди заданий:

var photoidx=0; // sample: pictures from a free JSONP provider ... 
 
var stdJob={url : 'http://www.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=?', 
 
     // format : 'json', // not really necessary 
 
     dataType:'jsonp', 
 
     success : function(d){ 
 
        $('#out').append('<img src="'+d.items[photoidx++].media.m+'">');}, 
 
     error: function(d){console.log("Error");} 
 
    };   // object describing the standard AJAX job in JSONP mode 
 
var jobs=[]; // job queue as a global variable 
 

 
function getGUIDS(){ // IMPORTANT: $.extend() clones the stdJob 
 
        // before it is pushed into the job queue. 
 
        // Without cloning all jobs would have the same data.tags! 
 
    jobs.push($.extend(true,{data:{tags: $('#topic').val()}},stdJob)); 
 
    // console.log(JSON.stringify(jobs[jobs.length-1])); 
 
} 
 
setInterval(function(){if (jobs.length) $.ajax(jobs.pop());},100) 
 

 
$(function(){ 
 
$('#newjob').click(getGUIDS); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<a href=# id=newjob>add pic</a> for topic 
 
<input type="text" id="topic" value="Hannover"><br> <!-- my home town --> 
 
<div id="out"></div>

setGUIDS() поставит запрос для API в очереди заданий. Функция внутри функции setInterval() будет вызываться каждые 100 миллисекунд, а затем обрабатывать задание через $.ajax() соответственно. Это позволит убедиться, что API не будет вызываться более 10 раз в секунду.

Я немного изменил ваш пример, чтобы получить рабочий сценарий.

Чтобы выполнить межсайтовый вызов AJAX, вы должны использовать протокол JSONP вместо POST, так как большинство браузеров заблокируют его в противном случае.