AJAX ( Asynchronous Javascript And XML )
1. Ajax 란?
- Ajax는 자바스크립트를 이용해 서버와 비동기 방식으로 데이터를 주고 받을 수 있는 통신 기능
- 서버에 요청을 보낼 때 데이터 단위로 보내기 때문에 화면 전체를 새로고침할 필요없이 원하는 부분만 새로고침이 가능(XMLHTTPRequest 객체 사용)
- 전통적인 웹 어플리케이션(JSP/Servlet)에서는 페이지 단위로 서버에 요청에 보내기때문에 화면 전체가 새로고침
- A(Asychronous) : 비동기 방식을 사용하겠다는 의미
- jax(Javacript And XML) : 자바스크립트와 XMLHTTPRequest객체를 이용해 화면을 동적으로 구성하겠다는 의미
2. Javascript And XML의 의미
① XHR(XMLHTTPRequest) 객체를 이용
- 작업한 내용을 외부의 데이터베이스에 안전하게 저장하기 위해 HTTP 서버와 통신 가능
- HTTP 서버와 통신하여 전송한 데이터는 서버측 기술(백엔드 언어)을 이용해 데이터베이스에 저장
- XHR 객체를 이용한 요청 단위는 페이지 단위가 아니고 데이터 단위이다. 따라서 화면의 일부부만 갱신 가능함.
② Javascript And XML
- Javascript 코드를 이용해서 HTTP 서버와 XML파일 형식의 데이터를 주고 받겠다는 것을 의미.
- 현재는 XML파일 형식보다 JSON파일 형식을 더 많이 사용
<JSON>
JSON - 위키백과, 우리 모두의 백과사전 (wikipedia.org)
* restFUL API도 요새는 json으로 많이 사용하는 추세
<RESTful API>
REST API(RESTful API, 레스트풀 API)란 - 서버, 구현, 사용법 (redhat.com)
'💻 1. 웹개발_Front end > 1-7 Ajax' 카테고리의 다른 글
[Ajax] 06. GET 방식과 POST방식 (0) | 2021.10.06 |
---|---|
[Ajax] 05. Ajax 기본형과 설정 값들 (0) | 2021.10.06 |
[Ajax] 04. Ajax XMLHttpRequest(XHR) 객체 (0) | 2021.10.06 |
[Ajax] 03. 동기방식과 비동기방식 (0) | 2021.10.06 |
[Ajax] 01. 전통적인 웹 어플리케이션 (0) | 2021.09.27 |
댓글