반응형
$.ajax({
			type : 'POST',
			url : '/detail',
			dataType : 'json',
			contentType : 'application/json; charset=utf-8',
			data : JSON.stringify(data)
       }).done(function(){...})
         .fail(function(){...})
         .complete(function(){...});

 

async // true(동기) , false(비동기)

비동기 통신 플래그. 기본값은 true (비동기 통신)에서 요청이 던져에서 응답할 때까지 사용자 에이전트는 비동기 처리를 계속합니다. 

false로 설정 하면 통신에 응답이있을 때까지 정지?해 있는다.

 

contentType

서버에 데이터를 보낼 때 사용 content - type 헤더의 값입니다. 기본값은 "application / x - www - form - urlencoded"

 

 

dataType // text, html, xml, json, jsonp, and script.

서버에서 반환되는 데이터 형식을 정한다. 생략했을 경우는, jQuery가 MIME 타입 등을 보면서 자동으로 결정.

"xml": XML 문서

"html": HTML을 텍스트 데이터로. 여기에 script 태그가 포함된 경우 처리가 실행됩니다.

"script": JavaScript 코드를 텍스트 데이터로. cache 옵션 특히 지정이 없으면 캐시가 자동으로 비활성화됩니다. 원격 도메인에 대한 요청의 경우 POST는 GET으로 변환됩니다.

"json": JSON 형식 데이터로 평가하고 JavaScript의 개체로 변환합니다.

"jsonp": JSONP로 요청을 부르고 callback 매개 변수에 지정된 함수 회수 값을 JSON 데이터로 처리합니다. (jQuery 1.2 추가)

"text": 일반 텍스트.

 

 

timeOut

제한 시간 (밀리초)을 설정합니다. $. ajaxSetup 에서 지정한 값을 통신에 따라 개별적으로 덮어쓸 수 있습니다.

 

type // GET, POST, DELETE, PUT

HTTP 통신의 종류를 설정합니다. 기본값은 "GET"입니다.RESTful에 "PUT"또는 "DELETE"를 지정할 수 있지만 모든 브라우저가 지원하는 것은 아니기 때문에주의가 필요

 

complete

AJAX 통신 완료될 때 호출되는 함수입니다. success이나 error가 호출된 후에 호출되는 Ajax Event 입니다.

 

 

beforeSend

AJAX에 의해 요청이 전송되기 전에 불리는 Ajax Event 입니다. 반환값을 false로 설정하면 AJAX 전송을 취소할 수 있습니다.

 

 

error

통신에 실패했을 때 호출되는 Ajax Event 입니다.

-> fail() 로 대체! 

-> ajax (). done (function (data, textStatus, jqXHR) {}); jQuery 1.8에서 더 이상 사용되지 않는 .success () 메서드를 대체합니다. 위의 success 콜백 함수의 대체 구문입니다.

 

success

AJAX 통신이 성공하면 호출되는 Ajax Event 입니다. 돌아온 데이터와 dataType 지정한 값 2 개의 인수를받습니다.

-> done() 로 대체!

-> ajax ().fail (function (jqXHR, textStatus, errorThrown) {}); jQuery 1.8에서 더 이상 사용되지 않는 method .error ()를 대체합니다. 이것은 위의 전체 콜백 함수에 대한 대체 구성입니다.

 

fail() 과 done() 은 success 나 error 보다 정교한 콜백 (callbacks done)을 구현하기 위해 선호되는 방법이다.

반응형

'jQuery' 카테고리의 다른 글

[Bootstrap 모달 jQuery로 닫을 때 이벤트 처리]  (0) 2019.07.25
반응형

 

부트스트랩에서 제공하는 모달을 닫기 위한 방법을 알아보자.

 

먼저 부트스트랩3 또는 부트스트랩4 에서는 다음과 같은 이벤트를 제공한다.

 

hide.bs.modal :이 이벤트는 hide 인스턴스 메서드가 호출 될 때 즉시 시작됩니다. 
hidden.bs.modal :이 이벤트는 모달이 사용자로부터 숨겨지면 시작됩니다 (CSS 전환이 완료 될 때까지 대기합니다).

 

이 메소드를 jQuery에서 사용하는 예시는 다음과 같다.

 

$('#anyModal').on('hidden.bs.modal', function () {
  // something
})

 

이런식으로 사용하면 된다.

 

부트스트랩의 예전 버전인 2.3.2 같은 경우에는 다음과 같은 이벤트를 제공한다.

 

hide :이 이벤트는 hide 인스턴스 메서드가 호출 될 때 즉시 시작됩니다. 
hidden :이 이벤트는 모달이 사용자로부터 숨겨지면 시작됩니다 (CSS 전환이 완료 될 때까지 기다림).

 

$('#anyModal').on('hidden', function () {
    // something
})

 

이상 modal이 닫힐 때 발생하는 이벤트에 대해 알아 보았다.

반응형

'jQuery' 카테고리의 다른 글

[jQuery ajax 정리]  (0) 2019.07.26

+ Recent posts