매일 새롭게... 매일매일 새롭게... 위치로그  |  태그  |  미디어로그  |  방명록
icon [JSON] JSON 객체 생성 및 text로 변환
개발/Javascript | 2012/01/30 11:27
1. JSON text 형식 

var txt = '{"employees":[' +

'{"firstName":"John","lastName":"Doe" },' +

'{"firstName":"Anna","lastName":"Smith" },' +

'{"firstName":"Peter","lastName":"Jones" }]}';


- {} : 객체 선언, key(string):value 구조를 갖음, comma로 구분
- [] : 배열 선언, value 구조를 갖음, comma로 구분

* JSON 구조에 대한 자세한 설명은  http://www.json.org/  를 참조하세요.



2. JSON text를 Object로 변환하는 방법
    서버단에서 조회된 데이터 결과를 JSON 형태의 text로 만들어 화면단으로 넘겨주면 자바스크립트에서 다음과 같이 
    객체화하여 데이터를 사용할 수 있다.

var myJSONObj = eval('(' + txt + ')');   <-- ()로 text를 감싸줘야 한다.


또는
 

var myJSONObj = JSON.parse(txt);    <-- 위 방법보다 추천됨.


eval() 함수는 잠재적인 보안문제가 있다하여 JSON.parse() 함수를 사용하기를 권하고 있습니다. 

상세설명이 필요하다면 http://www.json.org/js.html 

alert( typeof myJSONObj) 하면 object가 나와 JSON text가 객체로 잘 생성되었음을 확인할 수 있다.  

3. JSON 데이터 사용하기

var fName = myJSONObj.employees[0].firstName;    //John
var lName = myJSONObj.employees[0].lastName;    //Doe 



4. JSON 객체를 문자열로 변환하는 방법
    

var jsonTxt = JSON.stringify( myJSONObj);    // 1번의 text로 변환됨.




온라인에서 JSON 변환을 테스트해 볼 수 있습니다.
http://json.parser.online.fr/ 





저작자 표시 비영리 변경 금지

'개발 > Javascript' 카테고리의 다른 글

[JSON] JSON 객체 생성 및 text로 변환  (0) 2012/01/30

arrow 태그 : json
arrow 트랙백0 | 댓글0
이 글의 관련글(트랙백) 주소 :: http://oristone.tistory.com/trackback/4 관련글 쓰기

아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 



icon HTML5 스터디 참고 사이트
개발/Html5 | 2012/01/21 01:43
http://www.html5rocks.com/en/

저작자 표시 비영리 변경 금지

'개발 > Html5' 카테고리의 다른 글

HTML5 스터디 참고 사이트  (0) 2012/01/21

arrow 태그 : HTML5
arrow 트랙백0 | 댓글0
이 글의 관련글(트랙백) 주소 :: http://oristone.tistory.com/trackback/3 관련글 쓰기

아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 



icon 2012년 공부할 책
개발/About IT | 2012/01/20 18:50
토비의 스프링 3 (양장)
국내도서>컴퓨터/인터넷
저자 : 이일민
출판 : 에이콘출판사 2010.08.05
상세보기


자바스크립트 완벽 가이드
국내도서>컴퓨터/인터넷
저자 : 데이비드 플래너건 / 송인철,황인석,이동기,이유원 역
출판 : 인사이트 2008.05.23
상세보기


jQuery Novice to Ninja 한국어판
국내도서>컴퓨터/인터넷
저자 : 얼 캐슬다인(Earle Castledine),크레이그 샤키(Craig Sharkie) / 장정환역
출판 : 에이콘출판사 2011.10.31
상세보기


Head First Servlets & JSP
국내도서>컴퓨터/인터넷
저자 : 케이시 시에라(Kathy Sierra),버트 베이츠(Bert Bates),브라얀 바샴(Bryan Basam) / 김종호역
출판 : 한빛미디어 2009.02.27
상세보기


새로 쓴 대용량 데이터베이스솔루션 vol.1
국내도서>컴퓨터/인터넷
저자 : 이화식
출판 : 엔코아정보컨설팅 2005.12.13
상세보기


The Art of Project Management - 마음을 움직이는 프로젝트 관리
국내도서>컴퓨터/인터넷
저자 : 스콧 버쿤(Scott Berkun)
출판 : 한빛미디어 2006.06.29
상세보기


HTML5 Canvas
국내도서>컴퓨터/인터넷
저자 : 스티브 펄튼(Steve Fulton),제프 펄튼(Jeff Fulton) / 이수진,이성희역
출판 : 한빛미디어 2012.01.20
상세보기
(미정)

안드로이드 프로그래밍 3
국내도서>컴퓨터/인터넷
저자 : 마크 머피(Mark Murphy) / 김정식,김용기,김응성역
출판 : 다올미디어 2012.01.13
상세보기
(미정)



'개발 > About IT' 카테고리의 다른 글

2012년 공부할 책  (0) 2012/01/20

arrow 태그 : 공부, 도서
arrow 트랙백0 | 댓글0
이 글의 관련글(트랙백) 주소 :: http://oristone.tistory.com/trackback/2 관련글 쓰기

아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 



icon If you can't explain it SIMPLY, You don't understand it for enough.
이것저것 | 2012/01/20 15:36

If you can't explain it simply, you don't understand it for enough.




저작자 표시 비영리 변경 금지

arrow 태그 : 명언, 아인슈타인
arrow 트랙백0 | 댓글0
이 글의 관련글(트랙백) 주소 :: http://oristone.tistory.com/trackback/1 관련글 쓰기

아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 



[PREV] [1] [NEXT]
관리자  |   글쓰기
BLOG main image
매일매일새롭게 (4)
개발 (3)
즐거운 인생 (0)
영어 (0)
이것저것 (1)
Total : 1,006
Today : 6
Yesterday : 8
rss
위치로그 : 태그 : 방명록 : 관리자
oristone's Blog is powered by Daum / Designed by plyfly.net