ajax통신기초

이용원·2022년 12월 5일

JAVASCRIPT

목록 보기

34/34

Json

데이터 형식
ajax요청을 통해 api에서 받아온 데이터
javascript의 object와 유사

const data = `{
   "ticker": {
     "base": "BTC",
     "target": "USD",
     "price": "16724.55292290",
     "volume": "8743.72498960",
     "change": "32.98852576"
   },
   "timestamp": 1669273265,
   "success": true,
   "error": ""
 }`;

//받아온 데이터를 json으로 바꿔주는 메소드 json.parse
const realData = JSON.parse(data);
console.log(realData);
console.log(realData.ticker.price);

//javascript에서 작성한 객체를 json으로 바꿔주는 메소드 JSON.stringify
//json은 undefiend가 없고 null만 있기 때문에 json으로 바꿔줄 obj값에 undefiend는 무시함
//키값과 string값에 ""를 입혀줌

const obj = {
 name: "adasd",
 age: 11,
 city: "sjsjsj",
 fie: undefined,
 lolo: "asdasd",
};

const stringifiedObj = JSON.stringify(obj);


console.log(obj); //{ name: "adasd",age: 11,city: "sjsjsj",fie: undefined, lolo: "asdasd",};

console.log(stringifiedObj); // {"name":"adasd","age":11,"city":"sjsjsj","lolo":"asdasd"}