jQuery에서 JSON 응답을 저장하는 방법은 무엇입니까?

Question

내 json 응답을 전역 변수에 저장하고 싶습니다. getJSON 요청을 두 번 이상하지 않고도 내 응용 프로그램을 통해 사용할 수 있습니다.

var data; 
$.getJSON("panorama.json",function(json){ 
data = json.images[0].src; 
console.log(data);   
}); 


console.log(data); 

실제 요청에 로그인하면 괜찮지 만 다른 곳에서는 "정의되지 않음"이 표시됩니다. 모든 설명이 유용합니다. 두 번째는 정의되지 ...

$.myglobals = { result: "unset" } 

$(document).ready(function() { 

    $.getJSON("panorama.json", function(json) { 
    $.myglobals.result = json.images[0].src; 
    console.log($.myglobals.result);  
    }); 

    console.log($.myglobals.result); 
}) ; 

첫 번째 로그가 괜찮습니다, 시도 :

편집 [의견에서 복사]. [답변에서 복사]

편집 :

실제로 두 방법은 일

흥미로운 것은 내 요청이 함수에 있었고, 내가 직후 을 내 전역 변수를 액세서하는 시도이다 같은 기능의 요청

기능 외에서받은 경우 매력처럼 작동

Answer 1

실제 코드가 그런 구조로되어 있다면 아직으로 설정되지 않은 데이터에 액세스하는 데 문제가 있습니다. $.getJSON()이 console.log() 이상이라고해서 데이터 값을 기록하기 전에 응답을 받는다는 의미는 아닙니다.

그래서 문제는 범위가 아니라 타이밍과 관련이 있습니다. 일부 서버 측 지연을 도입하면 솔루션도 충돌 할 수 있습니다. 응답이 수신 된 경우

아마 당신은 몇 가지 플래그를 설정해야합니다

var data, dataReceived = false; 

$.getJSON("panorama.json",function(json){ 
    data = json.images[0].src; 
    dataReceived = true; 
    console.log(data);      
}); 


// somwhere later 
if (dataReceived) { 
    console.log(data); 
} else { 
    // you could use setTimeout() or setInterval here to re-check 
    console.log("data not received yet"); 
} 

Answer 2

DOM의 속성 (예 : #ID)에 삽입하고 필요에 따라 검색 할 수 있습니다.

Answer 3

하나의 $ (document) .ready()에 변수를 설정하고 다른 $ (document) .ready()에서 사용하는 방법이 있습니다. myglobals은 전역 변수가 다른 사람과 충돌 할 가능성을 줄이는 네임 스페이스 개체입니다. 특히 "myglobals"보다 더 영리한 이름을 지정하면 더욱 그렇습니다. jsbin에서 위의 코드에

$.myglobals = { 
    result: "unset" 
} 

$(document).ready(function() { 

    function pretend_JSON_call() { 
    $.myglobals.result = {'a':"hello", 'b':"world" }; 
    } 

    pretend_JSON_call(); 
}); 

$(document).ready(function() { 
    alert($.myglobals.result['a']); 
    alert($.myglobals.result['b']); 
}); 

Transient link.

Answer 4

$ .getJSON는 Ajax 요청 (문제되는 비동기의 범위에서 키워드를) 발사가 'hasn 때문에 부여됨 변수가 정의되지 않습니다 아직 정의되지 않았으므로 응답이 완료되지 않았습니다. 다른 사람들은 귀하의 코드에서 console.log를 더 아래로 움직일 것을 제안했지만 논리가 콜백 함수와 동기화되지 않는 한 사용할 수 있다는 보장은 없습니다. $ .getJSON은 콜백 함수를 매개 변수 중 하나로 받아들입니다.

$.getJSON("myData.json", function(data) { 
    //Do whatever, this is a callback 
    $.each(data, function(key, val) { 
     //You can get even more specific like so 
    }); 
});