본문 바로가기

Front end/JS (JavaScript)

자바스크립트 (JavaScript) ajax form, 에이작스 폼

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