테스트 사이트 - 개발 중인 베타 버전입니다

ajax로딩바를 구현하고 싶습니다. 채택완료

단순하게 로딩바만 나와도 되는데

ajax를 할때마다 로딩바를 불러오게 할수있는 방법이 있는걸로

알고있습니다. 일반 소스들은 ajax할때마다 소스안에

로딩바를 불러오는 부분을 넣어야대구여

그게 아닌 ajax 실행될때마다 로딩바를 구현하는 방식을 알고싶습니다

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

 </p><p><button id="btn-submit">send</button></p><p><img src="로딩바이미지.gif" id="loading" style="position:absolute; top:100px; left:100px; display:none;" /> </p><p><script></p><p>$(function() {</p><p>   $("#btn-submit").on("click", function(e) {</p><p>      e.preventDefault();</p><p>      $("#loading").show(); </p><p>      $.ajax({</p><p>         ...</p><p>         success : function(res) {</p><p>            if(res) {</p><p>               $("#loading").hide(); </p><p>            } </p><p>         } </p><p>      }); </p><p>   }); </p><p>});</p><p></script></p><p>

로딩바 이미지는 숨겨 뒀다가 ajax 메소드를 호출하는 버튼을 클릭하는 순간에 보이게 하고 결과값이 리턴되는 순간에 다시 숨기는 방식으로 하면 되지 않을까요? 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고