ajax로딩바를 구현하고 싶습니다.
본문
단순하게 로딩바만 나와도 되는데
ajax를 할때마다 로딩바를 불러오게 할수있는 방법이 있는걸로
알고있습니다. 일반 소스들은 ajax할때마다 소스안에
로딩바를 불러오는 부분을 넣어야대구여
그게 아닌 ajax 실행될때마다 로딩바를 구현하는 방식을 알고싶습니다
답변 1
<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 메소드를 호출하는 버튼을 클릭하는 순간에 보이게 하고 결과값이 리턴되는 순간에 다시 숨기는 방식으로 하면 되지 않을까요?
답변을 작성하시기 전에 로그인 해주세요.
