제이쿼리에서 JSON 사용하기

PC 브라우저와 서버 그리고 Ajax를 연동할 때는 XML 형식으로 데이터를 주고 받고, 모바일 사용량이 많은 요즘 모바일에서도 서버와 Ajax로 연동해 작업을 많이 함

 

XML로 연동할 경우 내부적으로 여러 단계의 처리 과정을 거치게 되므로 자원이 열악한 모바일 환경은 속도 면에서 불리하기 때문에 대부분 XML보다 형식이 단순한 JSON으로 데이터를 주고받음

 

JSON

• name/value 쌍으로 이루어진 데이터 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방적 표준 데이터 형식
• 비동기 브라우저/서버 통신(Ajax)을 위해 XML을 대체하는 데이터 전송 형식 중 하나
• 근본은 자바스크립트에서 파생되어 자바스크립트의 구문 형식을 따름, 프로그래밍 언어나 플랫폼에 독립적

 

JSON의 여러 가지 자료형

자료형	종류	예
수(Number)	정수	76,197,750,-11,-234
	실수(고정소수점)	3.14, -2.717, 45.78
	실수(부동소수점)	1e4, 2.5e34, 5.67e-9, 7.66E-3
문자열	문자열	"1234" "true" "apple-num" "사랑" "\"JSP\""
	제어문자	\b (백스페이스) \f (폼 피드) \n (개행) \r (캐리지 반환) \t (탭) \" (따옴표) \/ (슬래시) \\ (역슬래시)
배열	배열은 대괄호[ ]로 나타냄 배열의 각 요소는 기본 자료형이거나 배열, 객체로 구성 각 요소들은 콤마(,)로 구별	"name":["홍길동","이순신","임꺽정"] // 대괄호 안에 배열 요소를 콤마(,)로 구분해서 나열함
객체	JSON 객체는 중괄호{ }로 둘러싸서 표현 콤마(,)를 사용해 여러 프로퍼티를 포함할 수 있음	{     "name":"홍길동",     "age":16,     "weight":67 } // 중괄호 안에 name/value 쌍을 콤마(,)로 구분해서 나열

 

배열 이름이 members이고 JSON 객체를 배열 요소로 가지는 JSON 배열의 예시

"members": [
    {"name": "홍길동", "age": 22, "gender": "남", "nick": "날센돌이"},
    {"name": "손흥민", "age": 30, "gender": "남", "nick": "탱크"},
    {"name": "김연아", "age": 24, "gender": "여", "nick": "갈치"}
]