답변 1개
채택된 답변
+20 포인트
Copy
<button id="btn-submit">send</button><img src="로딩바이미지.gif" id="loading" style="position:absolute; top:100px; left:100px; display:none;" /> <script>$(function() { $("#btn-submit").on("click", function(e) { e.preventDefault(); $("#loading").show(); $.ajax({ ... success : function(res) { if(res) { $("#loading").hide(); } } }); }); });</script>
로딩바 이미지는 숨겨 뒀다가 ajax 메소드를 호출하는 버튼을 클릭하는 순간에 보이게 하고 결과값이 리턴되는 순간에 다시 숨기는 방식으로 하면 되지 않을까요?
답변을 작성하려면 로그인이 필요합니다.