안녕하세요.
오늘은 자바스크립트의 메소드인 JSON.parse()와 JSON.stringify()에 대해 알아보겠습니다.
JSON.parse()란?
- parse 메소드는 string 개체를 json 객체로 변환시켜줍니다.
JSON.stringify란?
- stringify 메소드는 json 객체를 String 객체로 변환시켜 줍니다.
Example 1)
var data = {
Name: "SooYoung"
, Age: "27"
}
var person = JSON.stringify(data);
var oPerson = JSON.parse(person);
//output
alert(person);
/* Output: "{"Name":"SooYoung","Age":"29"}" */
alert(oPerson);
/* Output: Object */
Example 2)
<front-ent>
function signup()
{
var member = {
"email": "test@naver.com",
"password": "1234"
};
$.ajax({
url : '/account/signup',
dataType : 'json',
type : 'POST',
data : JSON.stringify(member), //그냥 member 사용하면 error 발생!
contentType : 'application/json; charset=UTF-8',
success : function(result) {
//TODO
console.log(result);
}
});
}
<back-end>
@RequestMapping(value = "/signup", method = RequestMethod.POST)
public MemberResultDto signup(@RequestBody Member member)
{
systemLog.info("try to sign up..");
//TODO
return memberResultDto;
}
@RequestBody는 HTTP요청의 body 내용을 자바 객체로 매핑 하는 역할을 합니다.
모두 즐거운 코딩 하세요~
출처: http://ithub.tistory.com/54 [Fall in IT.]
'Develop > HTML & JavaScript & CSS' 카테고리의 다른 글
jquery 정리 (0) | 2018.01.30 |
---|---|
jQuery로 체크박스(checkbox) 제어(control) 하기 (0) | 2017.12.04 |
웹브라우저가 IE(인터넷 익스플로러)인지 확인하기 (0) | 2017.03.22 |
변수 콘솔로그 보기 (0) | 2016.12.09 |
정규식표현 (0) | 2016.11.21 |