[Ajax] jQuery ajax 메서드, $.ajax(), ajax 메서드의 옵션

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 요청이 성공하거나 실패하는 것에 상관없이 실행됩니다.