이코드 좀 다듬고 싶습니다

Question

auto_save success단에서 param 으로 분기처리하는 if문은 원래 chk_submit 함수에 넣었던 내용입니다.ajax 통신이 끝나고 모달 처리를 해야하는데 chk_submit 함수 두번째 줄부터 넣으니 통신 전에 먼저 모달을 띄워버려서 통신 후에 모달이 뜨도록 처리할 방법을 찾고 있었는데요.async, await 구글링 해봤습니다만 이렇게 적는건 아닌거 같더라고요. 그래서 그냥 억지로 인자 줘서 분기처리해버렸습니다.찾아보니 ajax 안에 async: true, 라고 넣는 방법도 있었습니다만 제가 잘못 쓴건지 안되더라고요.아래는 어거지로 일단 돌아만 가게 한 코드입니다. (auto_save에 async, await 제거)리뉴얼 전에는 코드블록 쓰면 가독성 좋게 색도 입혀주고 했던거 같은데 사라져버렸..복붙용 function auto_save(param){ const form &#61; $('form[name&#61;sp_step_frm]')[0]; const formData &#61; new FormData(form); $.ajax({ url: './ajax/ajax.update_apply1.php', data: formData, type: 'post', dataType: 'json', error: function(xhr, status, error){ console.log(error); }, success: function(data, status, xhr) { console.log(data); data.step1 ? $('#is_step1').attr('data-status', 'complete').html('작성완료') : $('#is_step1').removeAttr('data-status').html('작성중') data.step2 ? $('#is_step2').attr('data-status', 'complete').html('작성완료') : $('#is_step2').removeAttr('data-status').html('작성중') data.step3 ? $('#is_step3').attr('data-status', 'complete').html('작성완료') : $('#is_step3').removeAttr('data-status').html('작성중') data.step4 ? $('#is_step4').attr('data-status', 'complete').html('작성완료') : $('#is_step4').removeAttr('data-status').html('작성중') $('#sp_apply_info_empty').load(location.href&#43;' #sp_apply_info_empty'); if(param&#61;&#61;'submit'){ if($('#is_step1').attr('data-status')&#61;&#61;'complete' && $('#is_step2').attr('data-status')&#61;&#61;'complete' && $('#is_step3').attr('data-status')&#61;&#61;'complete' && $('#is_step4').attr('data-status')&#61;&#61;'complete'){ $('#submit_modal').get(0).click(); }else{ $('#deny_modal').get(0).click(); } } }, cache: false, contentType: false, processData: false }); } function chk_submit(){ auto_save('submit'); }

frostyDog · Answer

&#96;&#96;&#96;javascript 쓰면 지금도 됩니다.

코린이듈리 · Answer

const chk_submit &#61; () &#61;> { const form &#61; $(&#34;form[name&#61;sp_step_frm]&#34;)[0]; const formData &#61; new FormData(form); $.ajax({ url: &#34;./ajax/ajax.update_apply1.php&#34;, data: formData, type: &#34;post&#34;, dataType: &#34;json&#34;, cache: false, contentType: false, processData: false, }) .done((data, status, responseObj) &#61;> { const steps &#61; [&#34;step1&#34;, &#34;step2&#34;, &#34;step3&#34;, &#34;step4&#34;]; const isAllComplete &#61; steps.every((step) &#61;> data[step]); isAllComplete ? $(&#34;#submit_modal&#34;).get(0).click() : $(&#34;#deny_modal&#34;).get(0).click(); }) .fail((xhr, status, error) &#61;> { console.log(error); }); };이런식으로 동작하는걸 원하시는게 맞나요?

이코드 좀 다듬고 싶습니다

2개의 답변

Q&A 목록