jQuery Ajax   제이쿼리 ajax

(2019-01-22)
1. jQuery AJAXXMLHttpRequest 객체 참조

  ㅇ 범용 메서드 : $.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() : 서버로부터 데이터를 선택 요소의 컨텐츠로 대체 로딩


2. jQuery XHR 객체 (jqXHR) 활용 (jQuery 1.5 버전 이후)

  ㅇ 1.번항의 경우에서는,
     - 하나의 비동기 콜백함수에 모든 경우를 다 표현하는 방법 임

  ㅇ 이와는 다른 방법으로,
     - ajax 리턴 값을 중간적인 변수 객체를 통해, 결과에 따라 다르게 처리하는 방법으로써,
     - 리턴되는 객체의 결과 종류(done, fail, always 등)에 따른 다른 처리 가능
        . 완료되었을 때 : done 메소드 호출
        . 실패했을 때 : fail 메소드 호출
        . 완료되었건 실패했건 행동이 끝났으면 : always 메소드 호출
     - 한편, 
        . 위 각 리턴 결과 종류(done, fail, always) 마다,
        . 그에 따른 1.번항의 콜백 함수 옵션(success, error, complete)이 대응 됨

       
var jqxhr = $.ajax( {
        url  : "...",
        type : "...",
        data : "..."
    });

jqxhr.done( function(data, status, xhr) {
    ...
});

jqxhr.fail( function(data, status, xhr) {
    ...
});

jqxhr.always( function(data, status, xhr) {
    ...
});


[jQuery] 1. jQuery 2. jQuery 요소 선택법 3. jQuery 활용 4. jQuery 이벤트 5. jQuery 화면 효과 6. jQuery 요소 삽입/삭제/교체/복사 7. jQuery ajax 8. jQuery 객체
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
  7.   정보기술(IT)
        1. 정보기술
    1.   전산기초
    2.   컴퓨터구조
    3.   프로그래밍
          1. 프로그램, 프로그래밍
          2. 프로그래밍 기법
      1.   프로그래밍 언어론
      2.   구조적 프로그래밍
      3.   객체지향 프로그래밍
      4.   자료표현코드
      5.   자료구조
      6.   알고리즘
      7.   시스템 소프트웨어
      8.   프로그래밍언어 종류
            1. 프로그래밍 언어
        1.   C
        2.   C++
        3.   자바(Java)
        4.   자바스크립트
              1. JavaScript
              2. JS 기초 문법
          1.   JS 변수,타입
          2.   JS 연산자
          3.   JS 함수
          4.   JS 객체
          5.   JS 배열/Map/Set
          6.   JS 활용
          7.   JS 웹문서 제어
                1. 웹문서 내 JS
                2. 동일 출처 정책
            1.   JS Window 객체
            2.   JS DOM 제어
            3.   JS 이벤트
            4.   Ajax
            5.   jQuery
              1.   1. jQuery
                  2. jQuery 요소 선택법
                  3. jQuery 활용
                  4. jQuery 이벤트
                  5. jQuery 화면 효과
                  6. jQuery 요소 삽입/삭제/교체/복사
                  7. jQuery ajax
                  8. jQuery 객체
        5.   PHP
        6.   파이썬
        7.   (기타 언어)
      9.   프로그래밍 기타일반
    4.   데이터베이스
    5.   소프트웨어 공학
    6.   운영체제
    7.   정보보호/보안
    8.   IT 기타기술
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록     참고문헌