[jQuery] 비동기문제 해결 - 버튼 disabled

버튼을 사용해서 ajax 요청을 하려고 할 때 요청을 위한 준비가 되기 전에 버튼이 실행되는 것을 방지하기 위한 방법이 있다.

먼저, html의 버튼에 disabled 속성을 주어서 버튼이 실행되지 못하게 막고 준비가 되었을 때 disabled 속성을 삭제한다.

<button id="searchExcuteBtn" disabled>검색</button>

$(document).ready(function () {
  Promise.all([ajaxCall1(), ajaxCall2(), ajaxCall3()]).then(() => {
  	$('searchExcuteBtn').removeAttr('disabled');
  })