기본 콘텐츠로 건너뛰기

AJAX

jQuery 문법

$.ajax({
    url:"URL",
    method:"get || post",
    data: {"key":"value"} || $("#form").serialize(),
    cache:true || false,
    dataType:"json" || "text",
    success:function(res){
        alert(res.result);
    },
    error:function(xhs,status,err){
        alert(err);
    }
});

$.ajax({
    url : "/board/upload",
    method : "post",
    enctype : "multipart/form-data",
    data : new FormData($("#uploadForm")[0]),
    cache : false,
    dataType : "json",
    processData : false,
    contentType : false,
    timeout : 600000,
    success : function(res) {
        alert(res.result);
    },
    error : function(xhs, status, err) {
        alert(err);
    }
});

? 오류
response.setContentType("application/x-json; charset=UTF-8");


$.ajax({
/* 요청 시작 부분 */
url: url, //주소
data: formData, //전송 데이터
type: "POST", //전송 타입
async: true, //비동기 여부
enctype: "multipart/form-data", //form data 설정
processData: false, //프로세스 데이터 설정 : false 값을 해야 form data로 인식합니다
contentType: false, //헤더의 Content-Type을 설정 : false 값을 해야 form data로 인식합니다

/* 응답 확인 부분 */
success: function (response) {
console.log("");
console.log("[serverUploadImage] : [response] : " + response);
console.log("");
},

/* 에러 확인 부분 */
error: function (xhr) {
console.log("");
console.log("[serverUploadImage] : [error] : " + xhr);
console.log("");
},

/* 완료 확인 부분 */
complete: function (data, textStatus) {
console.log("");
console.log("[serverUploadImage] : [complete] : " + textStatus);
console.log("");
}
});


이 블로그의 인기 게시물