[Javascript] Ajax 데이터 포맷

목차

Ajax에서 데이터 포맷을 고려할 때는 속도만 신경 쓰면된다.

 

크게 4가지가 있다.

XML, JSON, HTML, 커스텀 포맷

 

1) XML

Ajax가 처음 알려질 때는 XML이 데이터 포맷으로 널리 쓰였다. XML은 상호간의 운용성이 높아 서버와 클라이언트 모두 잘 지원한다. 엄격한 형식을 갖췄으며 유효성 검사도 쉽다.

다른 포맷과 비교하면 XML은 매우 장황하다. 개별 정보마다 구조가 필요하고 데이터 비율도 낮다.

 

보통 상위 노드를 복수형으로 감싸고 하위 노드를 단수형으로 하여 해당 요소들을 나열한다.

 

 

2) JSON

더글라스 크락포드가 형식화하고 널리 알려진 JSON은 객체와 배열문법만으로 가볍고 파싱하기 쉬운 데이터 포맷이다.

JSON 포맷이 현재는 가장 빠르다.

위의 XML보다 코드가 간편하고 오히려 더 줄었다. 그래서 빠르다.

 

 

3) HTML

요청하는 데이터를 HTML로 바꾸어서 페이지에 표시할 때도 있다. 예를 들면 Infinite Scroll 같은 경우 동적 페이지 로딩 같은 경우는 HTML템플릿을 반환해서 리스트 맨 뒤에 추가하는 방식이다.

 

4) 커스텀포맷

커스텀 포맷은 개발자가 직접 임의로 포맷을 만들어서 진행하는 형태이다. 본인의 같은 경우 ajax로 배열값을 전송하고 싶었는데 전송이 되지 않아 배열을 array.join("구분자값"); 등을 이용하여 post 방식으로 넘겨서 개발을 하였다. 파싱값은 split으로 다시 배열로 변환 시키면 된다.

 

 

 

 

가장 좋은 빠른 방식의 데이터 포맷은 JSON과 커스텀 포맷이다. JSON을 이용하기를 권장한다. 왜냐하면 다른 서버언어에서도 잘 동작하며 대부분의 개발자들이 선호하는 방식이다.

  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유