XML, JSON

2021. 2. 5. 09:44프론트엔드/Ajax, xml, json

반응형

 

XML

Extensible Markup language

html와 매우 흡사한 마크업 언어, 데이터를 저장하고 전달할 목적.

<?xml version="1.0" encoding="UTF-8"?>

 

예제

<?xml version="1.0" encoding="UTF-8" ?>

<shop city="서울" type="마트">
    <food>
        <kind>과일</kind>
        <name>귤</name>
        <cost>100000</cost>
    </food>
    
    <food>
        <kind>야채</kind>
        <name>배추</name>
        <cost>3000</cost>
    </food>
</shop>

 

JSON

자바스크립트에서 파생.

유연하게 정보를 저장, 구조화 할 수 있다.

자바스크립트 구문 형식을 따른다.

역시 변수 이름은 한글이 아닌 영문자로 사용할 것.

 

{
  "변수명":"데이터",
  "변수명":[
    "값1",
    "값2",
    "값3"
  ],
  "변수명":{
    "변수":데이터1,
    "변수":데이터2,
    "변수":데이터3
  }
}
{
  "변수명":"데이터",
  "배열명":[
      "값1",
      "값2",
      "값3"
   ],
   "다중배열":{
      "변수":"데이터",
      "변수":"데이터",
      "변수":"데이터"
   }
}

 

 

예제

{
    "name":"홍길동",
    "age":18,
    "gender":"남자",
    "hobby":["무술","활쏘기"],
    "family":{"mother":"월매","father":"홍판서"}
}
{
    "name":"신화",
    "members":[
        "에릭",
        "혜성",
        "민우",
        "동완",
        "전진",
        "앤디"
    ],
    "albums":{
        "a1":"해결사",
        "a2":"T.O.P.",
        "a3":"Only One"
    }
}

 

공통점: 데이터를 저장하기 위함

 

 

반응형

'프론트엔드 > Ajax, xml, json' 카테고리의 다른 글

Ajax : Method  (0) 2021.02.05
Ajax: 개요  (0) 2021.02.05