jQuery AJAX ajax() Method > JQuery & JavaScript

STUDY ROOM

JQuery & JavaScript

jQuery AJAX ajax() Method

페이지 정보

작성자 JMStudy 작성일14-11-21 16:46 조회3,569회 댓글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 오브젝트를 생성할 때 사용하는 함수


댓글목록

등록된 댓글이 없습니다.