AJAX - 간단 요약
AJAX 특징
- 비동기적 통신 기술. 새로고침없이 빠르게 (동기적: 작업이 완료될때(화면이 로딩될때)까지 기다려야함)
- 웹 페이지 전체를 새로 읽지 않고, 소량의 데이터만 전송함으로서 웹페이지의 일부를 동적으로 구현 가능.(이동하는 깜빡임 없음)
- 웹 브라우저가 아닌 XMLHttp객체가 웹 서버와 통신
- 웹 서버의 응답 결과가 HTML이 아닌 XML 또는 단순 텍스트, JSON
- 페이지 이동 없이 결과가 화면에 반영
예) 네이버,구글등 검색창에 검색어를 입력하는 동안 추천검색어들이 표시되는 동적인 화면!
url |
요청을 보낼 서버 URL |
type |
http 메서드, GET(디폴트값) 또는 POST중 선택 |
data |
서버로 전송되는 데이터. 파라미터값들 |
dataType |
응답 결과의 데이터 표기법. json(많이씀), xml, text등 |
timeout |
요청응답 제한시간 설정(밀리초) |
success |
응답이 성공했을때 실행되는 콜백함수 |
error |
응답실패때 실행되는 콜백함수 |
complete |
요청이 완료됐을때 실행되는 콜백함수 |
예시.
$.ajax({
url: '<c:url value="/memo/ajaxDetail.do"/>
+"이름 : "+res.name+"<br>"
+"메모 : " + res.content;
'jQuery JavaScript' 카테고리의 다른 글
익스플로러 400 에러 발생 - 한글 인코딩 처리를 통해 해결 (0) | 2017.08.14 |
---|---|
AJAX - serialize 처리시 한글문제 해결 (0) | 2017.07.10 |
css 속성주기 예제 (0) | 2017.04.07 |