자바스크립트, 폼 입력 항목 Ajax 전송을 위한 직렬화

● 순수 자바스크립트

const formData = new FormData(document.getElementById("form1"));

 

 

● JQuery

const formData = $("#form").serialize();

 

 

● formData 전송 for JQuery 

$.ajax({
    "type" : "POST",
    "url" : url,
    "data" : formData,
    "processData" : false,
    "success" : function(dataSet) {
        console.log(dataSet);
    },
    "error" : function(e) {
        console.log(e.responseText);
    },
    "dataType" : "text"
});

 

- 순수 자바스크립트로 formData 데이터 얻을 때 JQuery Ajax 항목에서 "processData" 옵션이 없으면 전송이 되지 않음

 

 

끗.