반응형
업무를 진행하다 보면 Json 형태의 데이터를 생성하여 전송하거나, 받는 경우가 종종 발생 한다.
json 형태의 데이터는 일일히 문자열로 쭉 나열하여 규칙대로 만들수도 있지만, 구조가 복잡해 지거나 데이터 양이 많을경우 사람이 일일이 만들기에는 좀 힘들다.
그래서 보통은 Java/JSP나 ASP 등과 같이 서버사이드 측에서 json을 쉽게 생성하여 HTML, Javascript 쪽에서 사용한다.
오늘은 서버사이드측이 아닌 javascript로 json 형태의 데이터를 생성하는 방법이다. 워낙 간단하니 아래 예제를 보면 쉽게 이해 할 수 있다.
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> <script type="text/javascript"> $(function() { // 리스트 생성 var testList = new Array() ; for(var i=1; i<=2; i++){ // 객체 생성 var data = new Object() ; data.number = i ; data.name = "Tester #" + i ; // 리스트에 생성된 객체 삽입 testList.push(data) ; } // String 형태로 변환 var jsonData = JSON.stringify(testList) ; alert(jsonData) ; /* 출력결과 : [{"number":1,"name":"Tester #1"},{"number":2,"name":"Tester #2"}] */ }); </script>
자바스크립트 내장객체인 JSON.stringfy를 이용하면 생성된 Json 객체를 String으로 변환할 수 있다.
'Language > JQuery' 카테고리의 다른 글
[JQuery] input 배열 값 가져오기 (3) | 2016.05.11 |
---|---|
[Javascript] 문자열을 SHA256으로 인코딩하기 (3) | 2016.03.14 |
[jQuery] Ajax를 이용하여 파일 전송하기(Ajax File Upload) (0) | 2015.08.10 |
[Javascript] 특정 날짜간의 차이 구하기 - 날짜 계산하기 (2) | 2015.07.27 |
[jQuery] 1.x 하위 호환성 문제 해결 (1) | 2015.05.06 |