[Ajax] Ajax에서 사용하는 json 에 대하여

Ajax를 사용하면 거의 대부분 json 에 대해서 알아야 쉽고 편하게 사용할수 있습니다.

1. JSON이 가질 수 있는 값은?json 타입은 아래와 같은 값으로 사용될 수 있습니다.

1. 숫자 Number
2. 문자 String
3. 불리언 Boolean
4. 배열 Array
5. 객체 Object
6. 빈값 Null

2. JSON과 객체의 다른점과 형태

/* 자바스크립트 객체의 문법 */

{

  name: "Webisfree",

  gender: "male"

}

/* JSON 형태의 문법 */

{

   "name" : "Webisfree",

   "gender": "male"

}

위에 보는것처럼 반드시 이름(name)에도 따옴표가 필요한 점 꼭 기억하세요.

또한 json 타입은 ' 표기가 아닌 double quotes인 " 표기가 사용되어야 합니다. 

이는 자바스크립트의 이름값과의 또 다른 차이점입니다.

3. JSON 파싱방법

json의 형태가 자바스크립트의 객체와 비슷하며 이를 객체로 쉽게 파싱할 수 있도록 JSON.parse() 함수가 존재합니다.

이 함수를 사용하면 json 형태의 데이터를 간단하게 객체로 파싱하여 사용할 수 있습니다.

간단하게 예를들면 다음과 같이 사용됩니다.

var jsonText = '{"fruit": "apple", "coffee": "americano"}';

var objVal = JSON.parse(jsonText);

// json 타입을 객체로 파싱, 변환함

console.log(objVal.fruit);

// 변환된 객체의 fruit 속성을 콘솔창에 출력함

>> apple

// 콘솔창에 출력된 값