Form 형식으로 submit 하던 코드를 비동기 방식으로 송신하고 response의 결과값에 따라 처리해야 할 일이 생겼다.\n더 이상 jquery를 사용하여 legacy 코드를 수정하고 싶지 않지만.. 일이 생기면 할 수 밖에 없다. 덕분에 FormData를 사용해볼 수 있었다.
\n여러가지 우여곡절이 있었다.\n처음에는 ajaxForm 플러그인을 사용하여 간단하게 끝내고 싶었으나, 레거시 코드의 Jquery가 어떻게 꼬였는지 작동하지 않아,\n방법을 바꿔 FormData를 사용했다.
function ajaxFormData (dataSet, successFn) {\n $.ajax({\n type: \"POST\",\n url: window.location.href,\n data: dataSet,\n contentType: false,\n processData: false,\n success: function(reponse){\n if(reponse.result==='success'){\n successFn()\n }\n },error: function(xhr, status){\n alert(xhr + \":\" + status);\n }\n });\n}\n\nfunction temp_save() {\n var form = $('form[name=frm_content]')[0];\n var formData = new FormData(form)\n console.log(formData);\n for (var pair of formData.entries()) {\n console.log(pair[0]+ ', ' + pair[1]);\n }\n ajaxFormData(formData, function(){\n alert('임시 저장이 완료되었습니다.');\n window.location.reload();\n })\n}FormData {}\n// 이 부분 때문에 고생을 했다.\n// `var formData = new FormData(form)` 의 결과를 콘솔에 찍어보고, 계속 빈 값이라고 생각했다.\n// 찾아보니, FormData is created only for sending keyed data, not fot retrieving it\n// FormData는 콘솔에 찍으면 본래 저렇게 빈 값처럼 보인다.\n\n// FormData에 담긴 값을 확인해보고 싶으면 `entries()`를 활용하여 뽑을 수 있다.\ncsrfmiddlewaretoken, 6hbeoz1ebVM869TPrcoV7HzzwPjR72gBJLlbLGveWmBhEVru1vfkwZrsb1LQSUyL\nstate, temp\nwish_company, 기타\nteacher_question_46, please god help me\nresume_file, [object File]