CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
jQuery ajax 메서드
제이쿼리에서는 Ajax 기능을 손쉽게 사용할 수 있도록 여러 메소드를 제공하고 있습니다.
제이쿼리에서 제공하는 메소드를 사용하면 HTTP 요청(request)을 손쉽게 보낼 수 있습니다. 또한, 데이터의 종류에 따라 그에 알맞는 메소드를 사용하여 서버에 데이터를 요청할 수 있습니다.
$.ajax()
· $.ajax() 메소드는 모든 제이쿼리 Ajax 메소드의 핵심이 되는 메소드입니다.
· HTTP 요청을 만드는 강력하고도 직관적인 방법을 제공합니다.
· 비동기식 Ajax를 이용하여 HTTP 요청을 전송합니다.
$.ajax(options); |
$.ajax(url,options); |
인자 |
설명 |
url |
URL 주소는 클라이언트가 HTTP 요청을 보낼 서버의 주소입니다. |
options |
HTTP 요청을 구성하는 키와 값의 쌍으로 구성되는 헤더의 집합입니다. |
ajax 메서드의 옵션
자료형 |
옵션 속성 이름 |
설명 |
Boolean |
async |
동기, 비동기를 지정 |
Function |
complete(jqXHR,textStatus) |
Ajax 완료 이벤트 핸들러를 지정 |
Object,String |
data |
요청 매개 변수를 지정 서버에 보내는 string 또는 json 데이터를 지정 |
Function |
error(jqXHR,textStatus,errorThrown) |
Ajax 실패 이벤트 핸들러를 지정 |
String |
jsonp |
JSONP 매개 변수 이름을 지정 |
String,Function |
jsonpCallback |
JSONP 콜백 함수 이름을 지정 |
Function,Array |
success(data,textStatus,jqXHR) |
Ajax 성공 이벤트 핸들러를 지정 |
Number |
timeout |
만료 시간을 지정 |
String |
type |
'GET' 또는 'POST'를 지정 |
String |
url |
대상 URL을 지정 |
String |
dataType |
서버에서 보내줄 데이터의 타입 dataType : xml (default)
xml, json, script, text, html |
jQuery Ajax 체인 메서드
.ajax() 수행 후 연결해서 수행할 수 있는 메소드입니다.
메소드 |
설명 |
.done() |
HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됩니다. |
.fail() |
HTTP 요청이 실패하면 오류상태에 관한 정보가 fail() 메소드로 전달됩니다. |
.always() |
HTTP 요청이 성공하거나 실패하는 것에 상관없이 실행됩니다. |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
부울 값(boolean)으로 변환되는 값 (0) | 2019.08.08 |
---|---|
w3schools.com (0) | 2019.07.29 |
[Ajax] $.get() (0) | 2019.07.25 |
[jQuery] style 조작 메서드, 문서 객체의 스타일 속성 추가 형식 (0) | 2019.07.23 |
[jQuery] 선택자 기반 트리 탐색 메서드 (0) | 2019.07.23 |