콜백 메소드 외부에서 JSON 객체에 액세스하기

Question

서버에 연결하여 JSON 객체를 검색하는 함수를 작성하고 있습니다. 처리하고 일부 HTML 태그에로드 할 값이있는 일반 배열을 반환합니다. 다른 방법을 사용하여 수행 할 수 있지만 다음 코드를 사용하고 있음을 알고 있습니다.

var names = new Array(); 
function fetch (key) { 
    var url = 'server/server.php?key=' + key 
    $.getJSON(url , sett = function(data) { 
    $.each(data, function(key, value){ 
     names[key] = value['name']; 
    }); 
    console.log(names);//works and print the values 
    }); 
    console.log(names);//doesn't work, shows and empty array 
} 

나는 jQuery를 각에 의해 필터링 된 값을 개최 배열을 반환하려는, 그래서이 기능은 어떤 큰 응용 프로그램의 표준 기능으로 작업 할 수 있습니다. 어떻게 할 수 있습니까?

Answer 1

ajax 요청은 약간의 시간이 필요하지만 짧은 시간이지만 여전히 시간이 걸리기 때문에 ajax 호출 외부에있는 console.log은 ajax 호출이 완료되기 전에 실행되어 원래의 빈 상태로 표시됩니다. 정렬.

당신은

function fetch (key, callback) { 
    var url = 'server/server.php?key=' + key 
    $.getJSON(url , sett = function(data) { 
    $.each(data, function(key, value){ 
     names[key] = value['name']; 
    }); 
    // call callback inside the getJSON callback  
    callback && callback.call(this, names); 
    }); 
} 

지금, 콜백 함수는 인수 한 같은 names 배열을해야합니다 ... ... 당신의 fetch 기능에 너무

콜백 매개 변수를 추가 할 수 있습니다.

fetch(some_key, function(names){ 
    console.log(names); //should work! 
}); 

Answer 2

배열 요소를 배열에 추가하려고합니다.

names.push(value['name']); 

더 많은 사전 접근법을 원한다면 (이렇게하는 것이 좋습니다.)이 방법을 시도해보십시오. 또한

JavaScript dictionary with names

, 다른 의견을 읽고 더 ... 당신은 '성공'콜백으로 결과를 통해 루프 코드를 이동할 수 있습니다 생각 후. 행운

http://api.jquery.com/jQuery.getJSON/

좋은!

Answer 3

테스트하지 않았습니다. 하지만 다음과 같이 작동해야합니다 :

var names = new Array(); 
function fetch (key) { 
    var url = 'server/server.php?key=' + key 
    $.ajax({ 
    url: url, 
    type: "get", 
    success: function(data) { 
     $.each(data, function(key, value) { 
     names[key] = value['name']; 
     }); 
     console.log(names); // this should still work 
    }, 
    dataType: "json", 
    async: false 
    }); 
    console.log(names); // this should now work 
} 

그러나 실제로는 동기화 요청을 멀리해야합니다.