jQuery AJAX ajax() Method
페이지 정보
작성자 JMStudy 작성일14-11-21 16:46 조회3,568회 댓글0건본문
jQuery AJAX ajax() Method
[예제]
AJAX 요청을 사용하여 div 엘리먼트의 텍스트를 변경시킵니다.
$(document).ready(function() {
$("button").click( function() {
$.ajax({url:"demo_ajax_load.txt",success:function(result){
$("div").html(result);
}});
});
});
[정의 및 사용법]
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 오브젝트를 생성할 때 사용하는 함수 |
댓글목록
등록된 댓글이 없습니다.