JavaScript Javascript JSON.parse(), JSON.stringify() 사용하는법

안녕하세요.

오늘은 자바스크립트의 메소드인 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 = {

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

            "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 내용을 자바 객체로 매핑 하는 역할을 합니다.

모두 즐거운 코딩 하세요~