如何从 document.ready 函数中的 d3 异步调用访问存储的数据以将其传递给函数

Question

I was trying to store data from a async call to a variable/object/array outside the function. I have seen couple of solutions to make calls synchronous, using callbacks etc but none of them works for my scenario. This is what I am trying to do

var x = [];
d3.json(url, response){
if(response{
   setInterval(funtion (){
   d3.json(url, response){
   x=response; 
   });
},5000);
}
}

$(document).ready(function(){
  console.log(x);
$.each(x, function(i,val){
  function(val);
});
});

Answer 1

You need to make deferred jquery function calls something like this:

function test(){
          var defer = $.Deferred();
          setTimeout(function(){console.log("prints 1st");defer.resolve();},1000);
          return defer;
 }
function test2(){
       console.log("prints 2nd");
      return $.when();
 }
test().then(test2).then(function () {
           console.log("prints at the end.");    
 });

Here is a working example http://jsbin.com/payitucami/edit?html,console