단순하게 로딩바만 나와도 되는데
ajax를 할때마다 로딩바를 불러오게 할수있는 방법이 있는걸로
알고있습니다. 일반 소스들은 ajax할때마다 소스안에
로딩바를 불러오는 부분을 넣어야대구여
그게 아닌 ajax 실행될때마다 로딩바를 구현하는 방식을 알고싶습니다
|
답변 1개
채택된 답변
+20 포인트
2017-02-28 (화) 14:28:37
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 메소드를 호출하는 버튼을 클릭하는 순간에 보이게 하고 결과값이 리턴되는 순간에 다시 숨기는 방식으로 하면 되지 않을까요?
답변을 작성하려면 로그인이 필요합니다.