Ajax, JSON

Ajax

- Asynchronous JavaScript and XML(비동기 자바스크립트 XML)

  Ajax는 XML에 기반한 종합 기술

- HTML, CSS, JavaScript, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 개발 기법

- 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나

- 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있음

- Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있음

- 서버와 다음과 같은 다양한 형태의 데이터를 주고 받을 수 있음

  JSON, XML, HTML, 텍스트 파일 등

 

Ajax 장점

- 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신할 수 있음

- 웹 페이지가 로드 된 후에 서버로 데이터 요청을 보낼 수 있음

- 웹 페이지가 로드 된 후에 서버로 부터 데이터를 받을 수 있음

- 백그라운드 영역에서 서버로 데이터를 보낼 수 있음

- 비동기 통신을 사용함으로써 데이터 전송후에도 사용자는 다른 작업을 할 수 있음

- 기존 방식에 비해 서버 측 처리 속도가 빠르고 전송 데이터양도 적음

 

Ajax 를 이용하여 작성한 프로그램

- 댓글, 좋아요 기능, 방명록, 아이디 중복 검사 등

 

JSON(JavaScript Object Notation)

- 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법

  자료 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수 값을 표현하는 데 적합

 

- 특징

• 경량의 데이터 교환 형식
• XML의 단점(속도, 데이터 크기)  보완
• 데이터 표현이 단순하고 직관적
• Java Script에서 eval()를 통해 parsing 할 수 있음  
• 파싱 : 웹페이지에서 원하는 데이터를 추출하여 가공하기 쉬운 상태로 바꾸는 것
• 파서 : 데이터들을 다루기 쉬운 형태로 바꿔주는 역할 ex) json ,html -> Object, Array
• 라이브러리가 필요 없음
• name / value 형태의 쌍으로 collection 타입