ajax 기초 다지기

Ajax

사용하기 위해선 ajax가 임포트 되있어야 한다.

1.동기화 방식과 비동기화 방식

1) 동기화 방식 

- 로직 순서를 유지 (프로그램의 짜여진 순서 - 위에서 아래)

예제1 ) 

통계 조회 페이지

-주소호출 -> 콘트롤러 -> 서비스 > dao > db 조회 >view 화면 

2) 비동기화 방식

- 로직의순서를 무시하고 콜백이 있을때 실행된다.

예제2 ) 

-주소호출 ->콘트롤러 ->view화면 - 별도 db조회후 - 출력 

ajax는 이론적으로 위 두가지 방식만 기억하면된다 ! 

소스는 검색하면 다나와으~ ~ ~

------------------------------------------------------------------------------------------------

ajax 에 정해진 기본 규칙들 

  URL : '데이터 조회할 URL'

type : 'POST', // get, post

data : $('#'+getFormId).serialize(), // form을 통채로 넘길때, {'name':'홍길동',             'age':'20'} 

dataType: 'json', //text, json, html, xml, script

async : false, // true 비동기화, false 동기화방식

success : function(data){

//data에 object 형식으로 데이타가 담겨있다.

},

errer : function(err) {

alert(err);

},

statusCode : {

400: function(){

alert("Popup 화면 생성에 실패하였습니다.");

},

404: function(){

alert("Profile정보가 존재하지 않습니다.");

},

501: function(){

alert("Profile정보 조회중 서버 오류가 발생하였습니다.");

}

}

});

------------------------------------------------------------------------------------------------