json 파일 읽기 $.getJSON

 

json 파일 읽기 $.getJSON

 

jquery 에서 제공하는 getJSON을 활용합니다.

json 파일의 형태가 맞지 않으면 파일을 읽어드릴 수 없으니 주의하세요!

http://jsonlint.com 에서 json 형태가 올바른지 확인하실 수 있습니다.

 

파일경로

 

 

test.json 파일

 

[
     {
      "name" : "이건",
      "tel" : "010-1234-5678",
      "homepage" : "http://aljjabaegi.tistory.com",
      "index" : "1"
     },
     {
      "name" : "임신구",
      "tel" : "010-0000-1111",
      "homepage" : "http://aljjabaegi.tistory.com",
      "index" : "2"
     },
     {
      "name" : "이승룡",
      "tel" : "010-1111-2222",
      "homepage" : "http://aljjabaegi.tistory.com",
      "index" : "3"
     }
]

 

 

var jsonLocation = '${ctx}/resource/json/test.json';

$.getJSON(jsonLocation, function(data){

$each(data, function(I, item){

console.log(item.name);

});

});

 

 

결과

 

간단히 json 파일을 읽어 올 수 있습니다.

 

VO class를 json이나 xml 로 만드는 방법은 아래의 Link를 참조하세요.

 

Link : 전자정부 OpenAPI JAVA Class -> JSON XML 변환 출력 jaxb marshalling 마샬링 작스비