728x90
$.ajax ({
url : "url",
type : "GET",
async : true,
cache : true,
timeout : 3000,
data : {key : value},
processData : true,
contentType : "application/json",
dataType : "json",
beforeSend : function () {
},
success : function(data, status, xhr) {
},
error : function(xhr, textStatus, errorThrown){
alert("에러 발생 \n" + textStatus + " : " + errorThrown);
self.close();
},
complete : function(xhr, status) {
}
});
$.ajax ({
// 요청이 전송될 URL 주소
url : "url",
// http 요청 방식 (default: ‘GET’)
type : "GET",
// 요청 시 동기화 여부. 기본은 비동기(asynchronous) 요청 (default: true)
async : true,
// 캐시 여부
cache : true,
// 요청 제한 시간 안에 완료되지 않으면 요청을 취소하거나 error 콜백을 호출.(단위: ms)
timeout : 3000,
// 요청 시 데이터
data : {key : value},
// 데이터를 컨텐트 타입에 맞게 변환 여부
processData : true,
// 요청 컨텐트 타입
contentType : "application/json",
// 응답 데이터 형식 (명시하지 않을 경우 자동으로 추측)
dataType : "json",
beforeSend : function () {
// XHR Header를 포함해서 HTTP Request를 하기전에 호출됩니다.
},
success : function(data, status, xhr) {
// 정상적으로 응답 받았을 경우에는 success 콜백이 호출되게 됩니다.
// 이 콜백 함수의 파라미터에서는 응답 바디, 응답 코드 그리고 XHR 헤더를 확인할 수 있습니다.
},
error : function(xhr, status, error) {
// 응답을 받지 못하였다거나 정상적인 응답이지만 데이터 형식을 확인할 수 없기 때문에
// error 콜백이 호출될 수 있습니다.
// 예를 들어, dataType을 지정해서 응답 받을 데이터 형식을 지정하였지만,
// 서버에서는 다른 데이터형식으로 응답하면 error 콜백이 호출되게 됩니다.
},
complete : function(xhr, status) {
// success와 error 콜백이 호출된 후에 반드시 호출됩니다.
// try - catch - finally의 finally 구문과 동일합니다.
}
});
출처 : https://devyj.tistory.com/1
Ajax 란?
Ajax (Asynchronous JavaScript and XML) 자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식 최근에는 XML 보다 JSON을 더 많이 사용한다. 비동기식이란 여러가지 일이 동시적으
devyj.tistory.com
728x90
'Front end > JS (JavaScript)' 카테고리의 다른 글
자바스크립트(JavaScript) 비동기 동기화처리, 반복문 동기화처리(순서대로), for문 while문 동기화, asysnc awiat 사용방법 [초간단] (0) | 2022.07.07 |
---|---|
자바스크립트(JavaScript) 이미지 크기에 맞게 팝업창 띄우기(새창열기), image size popup (0) | 2022.07.06 |
자바스크립트(JavaScript) 시계, 현재시간 (clock) (0) | 2022.06.08 |
자바스크립트 (JavaScript) 테이블 엑셀파일 다운 저장 (excel file down) (0) | 2022.06.08 |
자바스크립트 (JavaScript) 배열값 가져오기 (첫번째, 마지막 배열값 불러오기) (0) | 2022.06.08 |