jQuery AJAX ajax() Method

[예제]

AJAX 요청을 사용하여 div 엘리먼트의 텍스트를 변경시킵니다.

<html>

<head>

$(document).ready(function() {

$("button").click( function() {

$.ajax({url:"demo_ajax_load.txt",success:function(result){

$("div").html(result);

}});

});

</script>

</head>

<body>

<div><h2>AJAX를 사용하여 이 부분의 텍스트를 바꿉니다.</h2></div>

<button>내용바꾸기</button>

</body>

</html>

[정의 및 사용법]

ajax() 메소드는 AJAX(비동기식 HTTP) 요청을 수행할 때 사용합니다.

모든 jQuery AJAX 메소드는 ajax() 메소드를 사용합니다. 이 메소드는 다른 메소드로는 할 수 없는 요청들을 수행할 때 사용합니다.

[문법]

$.ajax( { name:value, name:value, ... } )

파라메터는 한 개 이상의 name/value 쌍으로 표시합니다.

아래는 사용가능한 name/value입니다.

Name	Value/Description
async	Boolean 값 요청이 비동기식으로 처리되는지 여부를 나타냄 기본값은 true
beforeSend(xhr)	요청을 보내기 전에 실행되는 함수
cache	Boolean 값 브라우저가 요청된 페이지를 캐싱해야 하는지 여부를 나타냄 기본값은 true
complete(xhr,status)	요청이 완료됐을 때 실행되는 함수
contentType	서버로 보내지는 데이터의 content-type 기본값은 “application/x-www-form-urlencoded"
context
data	서버로 보내지는 데이터를 의미
dataFilter(data,type)	XMLHttpRequest의 응답 데이터를 처리할 때 사용되는 함수
dataType	서버 응답으로 받는 데이터 타입
error(xhr,status,error)	요청이 실패했을 때 실행되는 함수
global	Boolean 값 요청에 대해 전역 AJAX 이벤트를 실행할 지 여부를 명시함 기본값은 true
ifModified	Boolean 값 마지막 요청 이후에 응답이 변경됐을 때만 처리하는지를 명시 기본값은 false
jsonp	jsonp 요청에서 callback 함수를 오버라이딩하는 문자열
jsonpCallback	jsonp 요청에서 callback 함수 이름을 나타냄
password	HTTP 접근 인증(access authentication) 요청에 사용할 password를 나타냄
processData	Boolean 값 요청으로 보낸 데이터를 query string 형태로 변환할지 여부를 나타냄 기본값은 true
scriptCharset	요청할 때의 charset을 나타냄
success(result,status,xhr)	요청이 성공했을 때 수행되는 함수
timeout	요청에 대해 로컬의 응답제한시간(timeout)을 밀리초로 나타냄
traditional	Boolean 값 파라미터 직렬화를 기존 방식으로 사용할 지 여부를 나타냄
type	요청 type(GET 혹은 POST)을 명시함
url	요청을 보낼 URL을 나타냄 기본값은 현재페이지
username	HTTP 접근 인증(access authentication) 요청에 사용할 username을 나타냄
xhr	XMLHttpRequest 오브젝트를 생성할 때 사용하는 함수