(1) JSON stringify

2021. 3. 13. 16:05개발공부/JavaScript


JSON stringify


정의 : JSON(JavaScript Object Notation)은 언어나 서버, 웹에 구애받지 않고 데이터를 주고 받을 수 있는 Javascript 형태의 데이터 타입입니다. stringify()는 JSON의 메서드인데 JavaScript 객체를 String으로 변환해줍니다.


설명 : 서비스를 만들면 Front-end에서 Back-end 서버로 데이터를 전송할 경우가 발생합니다. 이때 편리한 JSON 형식으로 많이 보내게 됩니다. 하지만 JavaScript 객체를 String으로 변환하지 않고 JSON에 입력하면 읽지 못하거나 데이터가 변경되는 상황이 발생할 수도 있습니다. 따라서 서버로 데이터를 전달할 땐 JSON.stringify()를 이용해 String으로 변환한 뒤 전송해야 합니다.


예시 :

변환된 형태는 {flag: "[flag값]"}으로 서버에 전송됩니다.

1
2
3
4
5
6
7
8
9
10
11
12
                $.ajax({
                    url:'/productDelete/ajax',
                    type: 'POST',
                    data: JSON.stringify({
                        flag: flag
                    }),
                    dataType: 'json',
                    contentType: 'application/json',
                    success: function(data) {
                        console.log('jQuery ajax delete success');
                    }
                });
cs

 

참고 : 반대되는 JSON String을 JavaScript 형태로 전환해주는 JSON.parse() 메서드도 있습니다. 

 

참고사이트:

W3School - stringify()

MDN - parse()

 

'개발공부 > JavaScript' 카테고리의 다른 글

[Node.js] Node 17버전 node-sass 에러  (0) 2021.11.15
[Vue.js] Pagination  (0) 2021.10.02
(3) JSONArray & JSONObject  (0) 2021.06.23
(2) querySelectorAll  (0) 2021.03.15