[AJAX] AJAX가 지원하는 자바스크립트 라이브러리

저번 시간에 AJAX에 대하여 이론적인 부분을 공부했다면 오늘은 AJAX가 지원하는 라이브러리와 함께 예제를 들어 공부해보도록 하겠습니다. 

1. jQuery . ajax (option ) 

참조 : http://api.jquery.com/jQuery.ajax/

jquery 방식으로 요청을 수행할 때 다음과 같이 옵션을 설정해줄 수 있다.(옵션이기 떄문에 생략이 가능) 

[그림1] 

ajax는 UTF-8 인코딩만 지원하기때문에 euc-kr같이 한글 설정을 해줄 때는 서블릿단에서 설정해주어야한다. 

type	post나 get등의 요청타입을 정의한다
url	요청 보낼 서버의 url
datatype	request에 대한 응답결과의 형태   * xml형식일 경우 responseXML형식으로 변환해서 응답 하며 success된 경우 jquery에 의해 가공된 xml 형식으로 처리됨       test형식일 경우 responseHTTP 형식으로 변환해서 응답하며  success된 경우 응답결과를 가공하지 않은 문자열로 처리함        json 형식일 경우 json 객체 사용
data	서버로 보낼 데이터 JSON은 name/key값으로 전송되며 배열으로 값을 넘길 시 []를 사용한다.
beforeSend(Function)	request를 보내기 전에 XMLHTTPRequest값의 변경을 가능하게 하는 callback function. XMLHTTPRequest는 beforeSend()function의 입력값 형태로 사용된다.
cashe(boolean)	false일경우 요청 내용이 화면에 바로 반영되며 true일 경우 브라우저에 저장된다.
complete (function)	요청이 완료되었을 경우 호출된다. ( complete 호출된 후 success나 error에 있는 function이 호출  ) 일반적으로 complete에서 success와 error여부를 문자열값을 입력값으로 받는다.
error	요청이 실패한 경우 호출된다.error function은 XMLHttpRequest객체, error발생한 원인에 대한 설명, exception 객체로 구성되는 3개의 객체를 받는다.
success	요청이 성공 했을 때 호출된다. 첫번째입력값은 서버로부터 받은 결과값이고 두번쨰 값은 상태에 대한 문자열 형식으로 입력된다.
timeout	요청에 대한 응답제한 시간을 ms의 단위로 설정한다.
type	post나 get등의 요청타입을 정의한다.
async	동기화 방식과 비동기 방식을 설정할 수 있다