문자열을 JSON 객체로 변환(파싱)하는 자바스크립트 라이브러리 - json.js

Download

 

서버에서 ajax 방법으로 데이터를 받아오게 될 때, 어떤 형식으로 데이터를 받아올지 고민을 하게 된다. XML ? JSON ?

우선 여기서는 JSON 표현식의 문자열을 서버로부터 받을 것이므로, 그 문자열를 파싱을 해서 자바스크립트 객체로 만들어야 데이터로 접근을 할 수 있다. eval 표현식으로 변환이 가능하며, 다른 방법도 있으니 알아보자.

https://github.com/douglascrockford/JSON-js

위 웹사이트에가서 json.js 파일을 다운받아 html 파일에 붙이자.

<script type="text/javascript" src="json.js"></script>

 

JSON.parse() , toJSONString()

 

자주 쓸 기능 2개만 알아보자. 

var result = "{\"a\":0, \"b\":1000, \"c\":\"abc\"}";
var obj = JSON.parse(result);
console.log(obj.a + ", " + obj.b+ ", " + obj.c);	// returns "0, 100, abc"
console.log(obj.toJSONString());					// returns {"a":0,"b":1000,"c":"abc"} 

2 라인 : result 변수에 간단한 JSON 표현식의 문자열을 정의했다.

3 라인 : json.js 파일에 있는 JSON.parse 함수를 사용해서 객체로 변환했다.

4 라인 : 객체로 변환했으니 맘대로 property 들의 값을 가져올 수 있다.

5 라인 : json.js 파일에 정의 되어 있는 toJSONString 함수는 자바스크립트 객체를 JSON 표현식의 문자열로 바꿔주는 역할을 한다.

여기서 쓰인 JSON.parse 와 toJSONString은 JSON 표현식을 다룰 때 유용하게 쓰인다.

구글차트 관련글

1. 대시보드(Dashboard)에서 쓸만한 무료 차트 툴 - 구글 차트(Google Chart Tools)

2. 문자열을 JSON 객체로 변환(파싱)하는 자바스크립트 라이브러리 - json.js

3. Ajax로 JSON 데이터 가져와서 구글 차트(Google Chart Tools)에 적용하기

4. Spring MVC project 템플릿을 사용해서 웹서비스 만들기