Ajax

1. 기본

jQuery 객체의 ajax method를 이용한다. ajax method 의 parameter 는 json 형식으로 설정되어 있다.

ㄱ, 기본 사용

$.ajax({

url : ~

, success : function() { }

, error : function() {}

, data : {}

, timeout : ~ms

}

ㄴ. 간단히 사용

모든 ajax 요청에는 url이 포함되어 있으므로, 아래와 같이 url 은 key 없이 데이터만

2. ajax method 의 parameter 인 json에 설정할 수 있는 key 종류

key	설명
url	호출하는 url  json 에 포함시키지 않고, url value 만 따로 빼서, json 밖에 둘 수 있다.  ex)  $.ajax ({ confirmation.html, {  success : function(response) {} });
success	ajax 요청이 성공했을 때 호출되는 콜백 function  parameter는 response
error	ajax 요청이 실패했을 때 호출되는 콜백 function  parameter는 request, errorType, errorMessage ** sucess 의 반대가 fail 이 아니라 error 라는 것 주의!
data	ajax 요청 시 넘겨주는 data
timeout	~ms 으로 설정, ~ms 동안 응답이 없으면 error 발생
beforeSend	ajax 요청 시작 전 실행 함수, ex) "is-loading" 기호 표시
complete	ajax 요청 완료 후 실행 함수, ex) "is-loading" 기호 제거 ** beforeSend 의 반대가 completed 가 아니라 complete 이라는 것 주의!
context	$.ajax 의 함수 (호출) context는 $ (jquery 객체) 다.  context 값을 통해 특정 변수를 $.ajax 의 함수 (호출) context (this) 로 지정 가능

3. $.ajax 호출의 다른 형태

1) get 방식으로 호출, 속성은 url, success 밖에 없을 경우

$.get(url, function(response) {});