[jQuery] jQuery의 ajax - 저수준 인터페이스 메서드

jQuery의  ajax - 저수준 인터페이스 메서드

- jQuery  ajax 는 내부적으로 xhr 객체를 이용하여 통신한다.

1 $.ajax()

- 이 메서드를 이용하면 모든 ajax 관련 처리가 가능하다.

- 단축 메서드보다 디테일한 설정이 가능하다.

2 기본 형태

$.ajax(url, settings) $.ajax(settings) -> 리턴값 : jqXHR

3 settings 속성

- url : 요청하고자 하는 서비스

- type: 요청 메서드, GET, POST, PUT, DELETE(기본값: GET)

- async: 비동기 전송을 수행할지를 지정, 동기적인 처리를 원할 경우 이 값을 false

- data: 서버로 전송하는 데이터, 문자열, 객체 , 배열 형식을 지원한다(문자열일 경우 직접 url 인코딩 필요)

- contentType: 요청 시 서버로 전달하는 데이터의 형식(기본: application/x-www-form-urlencoded)

- dataType: 서버로부터 응답받기를 원하는 데이터 타입을 지정(기본값: 추정), xml, json, script, html...

- statusCode : 서버로 부터 응답의 status 코드에 따라 호출할 함수 지정

$.ajax({ .... statusCode:{ 404 : function(){ alert(); } } })

- timeout: 요청 제한 시간(ms).  지정한 시간 이내에 응답하지 않으면 요청을 중단

- headers: 요청 시에 전달할 헤더값을 객체 형대로 지정

$.ajax({ headers:{Authrization:"[credential]", Accept:"application/json"} });

- beforeSend: 요청을 서버로 전송하기 전에 실행될 콜백 함수를 지정. 콜백 함수의 두번 째 파라미터는 요청 시에 사용한 옵션 정보

beforeSend:function(xor, settings){}

- success: 요청이 성공했을 때 실행될 콜백 함수를 지정

- error: 요청이 실패했을 때 실행될 콜백함수를 지정. 콜백 함수의 두번 째 파라미터는 상태정보를 'timeout', "error", "abort"문자 전달. 세번 째 파라미터는 에러 정보를 문자열로 전달

- complete: 요청이 완료되었을 때 실행될 콜백 함수를 지정. 항상 실행되는 함수이다.

success:function(data, status, xhr){} error: function(xhr, status, error){} function(xhr,status){}

4 사용

$.ajax({ url : "/contact/list.jsp", type: "GET", data : {pagan:2, pagesize:5}, success: function(data){ console.log(data); } })