외부 파일에서 json을로드하십시오.

Question

JSON을 한번도 사용 해본 적이 없지만 문제를 제대로 해결할 수있는 방법을 연구 할 수 있도록 약간의 비트가 필요합니다.

나는 -HTML 파일 -JS 파일 -JSON 파일을 가지고 있습니다. 모두가 html 파일에 링크되어 있습니다.

내 도전 과제는 JSON 파일을로드하고 그 안에있는 일부 값을 함께 추가하는 것입니다. 지금까지 JQuery 이외의 다른 것을 찾으려고 고심 중입니다 ... 구문 분석에 대한 정보를 찾을 수 있지만 많은 예제에서는 코드를 인라인으로 사용하고 js 파일이나 JSON 하나!

나는 AJAX가 언급 된 것을보고있다. 그러나 나는 그 사용법에 대해 지금까지 (나는 JS에 매우 익숙하다.) 무지를 주장한다. 그래서로드하려면 무엇을 권하고 싶습니까? 값을 얻고 그 값을 사용하여 추가 정보를 만드는 방법에 대해 조사하려면 어떻게해야합니까?

Answer 1

JSON 파일로드 :

jQuery를 :

$.getJSON('/my/url', function(data) { 
    console.log(data); 
}); 

비 jQuery를 :

request = new XMLHttpRequest(); 
request.open('GET', '/my/url', true); 

request.onload = function() { 
    if (request.status >= 200 && request.status < 400){ 
    // Success! 
    var data = JSON.parse(request.responseText); 
    console.log(data); 
    } else { 
    // We reached our target server, but it returned an error 

    } 
}; 

request.onerror = function() { 
    // There was a connection error of some sort 
}; 

request.send(); 

노트를 console.log 인쇄 자바 스크립트 콘솔에 JSON 파일의 내용. "데이터"변수로 원하는대로 할 수 있습니다.