AJAX

AJAX 란?

• 자바스크립트를 이용하여 비동기식으로 서버와 통신
• event 발생 시 전체 페이지를 새로 고치지 않고도 페이지 일부만을 업데이트 할 수 있음
• 서버와 통신하기 위해 XMLHttpRequest 객체 사용

작동 방식

1. 웹 페이지 이벤트 발생 ( 페이지 로딩, 버튼 클릭 등)
2. XMLHttpRequest 객체가 javaScript에 의해 생성
3. XMLHttpRequest 객체가 웹 서버에 request 전송
4. 서버가 해당 request를 진행한 후 웹페이지에 response 보냄
5. response를 javascript가 읽음
6. javascript가 응답에 상응하는 action을 동작 시킴

 

AJAX 사용법

$(document).ready(function(){

        $.ajax({ type: //데이터 전송 타입,

                      url : //데이터를 주고받을 파일 주소 입력,

                      data: //보내는 데이터,

                      dataType: //문자형식으로 받기 ,

                      success: function(result){ //작업이 성공적으로 발생했을 경우 },

                      error:function(){ //에러가 났을 경우 실행시킬 코드 } }) });