JQuery - Ajax 기본 문법

 

 

 

Ajax 관련 메서드

 

종류	풀이
load()	외부 콘텐츠를 가져올 때 사용
$.ajax()	데이터를 서버에 POST, GET 방식으로 전송이 가능하며, HTML, XML JSON, 텍스트 유형에 데이터를 요청할 수 있는 통합적인 메서드
$.post()	데이터를 서버에 POST 방식으로 전송한 후 서버 측의 응답을 받을 때 사용
$.get()	데이터를 서버에 GET 방식으로 전송한 후 서버 측의 응답을 받을 때 사용
$.getJSON()	데이터를 서버에 GET 방식으로 전송한 후 서버 측의 응답을 JSON 형식으로 받을 때 사용
.getScript()	Ajax를 이용하여 외부 자바스크립트를 불러올 때 사용
.ajaxStop(function(){ ... })	비동기 방식으로 서버에 응답 요청이 완료되었을 때 함수에 실행문이 수행
.ajaxSuccess(function(){ ... })	ajax 요청이 성공적으로 완료되면 함수에 실행문을 수행
ajaxComplete(function() { ... })	Ajax 통신이 완료되면 함수에 실행문을 실행
serializeArray()	JSON 데이터로 변환하여 액션 페이지에 전송
serialize()	쿼리 스트링 형식의 데이터로 변환하여 액션 페이지에 전송 방식

 

$.ajax() 메서드 옵션 종류

 

종류	설명
async	통신을 동기 또는 비동기 방식으로 설정하는 옵션. 기본값은 true
beforeSend	요청하기 전에 함수를 실행하는 이벤트 핸들러
cache	요청한 페이지를 캐시에 저장할지 여부 설정. 기본값은 true
complete	Ajax가 완료되었을 때 함수를 실행하는 이벤트 핸들러
contentType	서버로 전송시킬 데이터의 content-type을 설정
data	서버로 전송할 데이터를 지정
dataType	서버에서 요청 받아올 데이터의 형식을 지정(생략하면 요청한 자료에 맞게 자동으로 형식이 지정 됨)
error	통신에 문제가 발생했을 때 함수를 실행
success	Ajax로 통신이 정상적으로 이뤄지면 함수를 실행
timeout	통신 시간을 제한. 시간 단위는 밀리 초
type	데이터를 전송할 때 방식(get/post)를 설정
url	데이터를 전송할 페이지를 설정. 기본값은 현재 페이지
username	HTTP 엑세스를 할 때 인증이 필요할 경우 사용자 이름을 지정

 

 

 

 

출처 : Do it! 자바스크립트 + 제이쿼리 입문