Fall in IT.

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

프로그래밍언어/Javascript & Typescript

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

D.Y 2016. 7. 4. 14:25
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.


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

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



모두 즐거운 코딩 하세요~



1 Comments
댓글쓰기 폼