JavaScript에서 Json형태 데이터 접근(JSON.stringify(), JSON.parse())

ajax를 통해 DTO 또는 VO값을 @ResponseBody를 이용하여 return하였고 이를 JavaScript(자바스크립트)에서 처리하려고 한다.

 

 

 

- JSON.stringify()

Json형태에 String데이터 = JSON.stringify(Json형태 Object데이터)

 

 

 

- JSON.parse()

Json형태에 Object데이터 = JSON.parse(Json구조에 String테이터)

 

 

내 경우에는 Controller에서 jackson-databind를 통해 DTO또는 VO를 jsp에 반환하여 처리 하려고 하는 상황이다.

 

- ajax 일부분

	success : function(data) {
		// data는 @ResponseBody를 이용하여 json 객체로 전송했다.
		// 데이터 key는 id, pw로 이루어져 있다.
							
		// @ResponseBody에서 받은 데이터 형태는 object이다.
		console.log(typeof(data));
		// string으로 변환
		console.log(typeof(JSON.stringify(data)));
		// 다시 object로 변환
		console.log(typeof(JSON.parse(stringify(data))));
		// String으로 변환하여 출력
		console.log(stringify(data));
		// object에서 key를 이용하여 id에 해당하는 데이터 출력
		console.log(data.id);
	},

 

- console.log 출력 

 

 

 

 

위와 같이 처음으로 받아온 data에 형태는 json형태에 object이고 이를 String으로 처리하고 싶다면 JSON.stringify()를 사용하면 된다.

 

JavaScript에서 Json 값 추출은 [데이터].키값 으로 접근 가능하다.