form submit 시 로딩 이미지 띄우기

form 태그로 submit 한 후

페이지가 뜨기 전까지 로딩하는 화면이 필요했습니다,,

 

ajax로 할 경우 함수가 있던데 form 을 이용하므로 다른 방법으로 구현해야했습니다!!

 

1. 우선 html바디에(뷰페이지에) 로딩 gif 등을 넣어주고

 

2. 스크립트에서 hide() 해줍니다.

window.onload = function(){
	$(해당gif).hide();
}

 

3. form 버튼에 onclik 옵션을 만들어주고 함수를 하나 달아줍니다.

function loading(){
	$(로딩이미지).show();
    $(폼태그).attr("method", "post");
    $(폼태그).attr("action", "이동할url");
    $(폼태그).submit();
}

 

해주면 간단하게 구현가능합니다~