로컬 변수에 $ .getJSON() 응답을 저장합니다.

Question

함수를 여러 번 사용해야하고 같은 방법을 반복해서 쓰지 않으려했습니다. $ .getJSON() 응답을 사용하여 반환 될 var에 저장하려고했습니다. 그 방법으로 나는 그 방법을 부를 수 있습니다.

function startFilter(){ 
      var grid = []; 
      $.getJSON('data/gridData1.json',function(json){ 
       grid = json; 
       console.log(grid); 
      }); 
      console.log(grid); 
      return grid; 
     } 

격자 var는 .getJSON 내부에 설정되지만 .getJSON 외부에는 설정되지 않습니다. 왜 어떤 아이디어가 필요하며 더 많은 정보가 필요하다면 알려주십시오.

Answer 1

Ajax 호출은 비동기입니다. 여기에 사물들이 어떻게 배치되어 있는지가 있습니다.

function startFilter(){ 
    var grid = []; // (1) 
    $.getJSON('data/gridData1.json', function(json){ // (2) 
     grid = json; // (5) 
     console.log(grid); // (6) 
    }); 
    console.log(grid); // (3) 
    return grid; // (4) 
} 

당신은 당신의 논리를 구축하는 콜백을 사용해야합니다

function startFilter(callback) { 
    $.getJSON('data/gridData1.json', callback); 
} 

var grid = []; 
startFilter(function(json) { 
    grid = json; 
    // your logic here 
}); 

Answer 2

var grid; 

function startFilter(dataReady){ 
     var grid = []; 
     $.getJSON('data/gridData1.json',function(json){ 
      grid = json; 

      dataReady() ; 
     }); 
     console.log(grid); 
     return grid; 
    } 

startFilter (function() { 
console.log(grid); 
}) ;