250x250
Notice
Recent Posts
Recent Comments
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags more
Archives
Today
Total
관리 메뉴

개린이 개발노트

JSON 본문

웹/jQuery제이쿼리

JSON

개린이9999 2022. 12. 5. 02:17
728x90

JSON 이란?

JSON (존슨) 은 자바스크립트 문법이 아닙니다 - YouTube

 

 

 

Ajax 요청에 대한 서버의 응답은 주로 HTML, XML, JSON이 사용된다.

Ajax란?

jQuery Ajax(feat. 생활코딩) (tistory.com)

 

jQuery Ajax(feat. 생활코딩)

JavaScript - jQuery Ajax (1/2) : 소개 - YouTube JavaScript - jQuery Ajax (2/2) : API 사용법 - YouTube

note9999.tistory.com

이 중 가장 일반적인 데이터 형식은 JSON(JavaScript Object Notation)이다.

{
  "name": "Lee",
  "gender": "male",
  "age": 20,
  "alive": true
}

자바스크립트의 객체 리터럴과 매우 흡사하다. 하지만 JSON은 순수한 텍스트로 구성된 데이터이다.

키는 반드시 큰따옴표(작은따옴표 사용불가)로 둘러싸야 한다.

JSON.stringify() 메소드는 객체를 JSON 형식의 문자열로 변환한다.

var o = {
  name: "Lee",
  gender: "male"
};

// 객체 => JSON 형식의 문자열
var strObject = JSON.stringify(o);
console.log(typeof strObject, strObject); // string '{"name":"Lee","gender":"male"}'

var arr = [1, 5, "false"];

// 배열 객체 => 문자열
var strArray = JSON.stringify(arr);
console.log(typeof strArray, strArray); // string '[1, 5, "false"]'

JSON.parse() 메소드는 JSON 데이터를 가진 문자열을 객체로 변환한다.

서버로부터 브라우저로 전송된 JSON 데이터는 문자열이다. 이 문자열을 객체화하여야 하는데 이를 역직렬화(Deserializing)이라 한다. 역직렬화를 위해서 내장 객체 JSON의 static 메소드인 JSON.parse()를 사용한다.

728x90

' > jQuery제이쿼리' 카테고리의 다른 글

jQuery Ajax(feat. 생활코딩)  (0) 2022.12.05