곰시기's

JQuery - AJAX Method 본문

Web Development/JavaScript

JQuery - AJAX Method

곰시기 2021. 2. 3. 18:12

ㅇ 범용 메서드 : $.ajax( url [, 옵션] ) => 모든 종류의 AJAX 처리 가능
  - url : 목적지 URL (디폴트 : 현재 페이지)

  - 주요 파라미터 옵션
    . type : POST/GET (HTTP 메서드 종류) (디폴트 : GET 메서드)
    . data     : 송신할 데이터
    . datatype : 응답받을 데이터 형식 (xml, html, script, json, jsonp, text)
      .. 미지정이면, 응답 메세지의 MIME type으로부터 추론함
    . contentType : AJAX 요청시 Content-Type HTTP 헤더 
      .. 기본값 : application/x-www-form-urlencoded
    . async    : 비동기적으로 통신할 지 여부
      .. 기본값 : true
    . timeout  : 타임아웃 밀리 초 (제한시간 초과하면 요청 중단)

  - 콜백함수 옵션 (통신 중간 상태 구분)
    . beforeSend : 요청을 서버로 전송하기 전에 수행
    . success    : 요청 성공시 콜백함수 수행
    . error      : 요청 실패시 콜백함수 수행
    . complete   : 요청 결과의 성공,실패 여부에 상관없이 맨마지막 수행

ㅇ 단축형 메서드
  - $.get()  : GET 메서드 요청하고, 서버로부터 데이터 로딩
  - $.post() : POST 메서드 요청하고, 서버로부터 데이터 로딩
  - $.getJSON() : GET 메서드 요청하고, 서버로부터 JSON 형식의 데이터를 로딩
  - $.getScript() : GET 메서드 요청하고, 서버로부터 자바스크립트 파일을 로딩 후 실행
  - $.load() : 서버로부터 데이터를 선택 요소의 컨텐츠로 대체 로딩

 

ㅇ 참조

www.ktword.co.kr/abbr_view.php?m_temp1=5782

'Web Development > JavaScript' 카테고리의 다른 글

JQuery - 드래그 체크 박스  (0) 2021.02.11
JQuery - change, ajax  (0) 2021.02.08
JQuery - 다중 선택자  (0) 2021.02.03
JQuery - form validator  (0) 2017.12.04
JQuery - attr 체크하기  (0) 2017.12.04
Comments