본문 바로가기

Loading2

ajax 처리 후 로딩중 감추는 타이밍 $.ajax({ cache: ..., type: "POST", url: "...", data: {...}, success: function (data) { ... }, error: function() { ... }, complete: hideLoading }); (jQuery를 쓴다고 치고.. )보통 위처럼 ajax 호출을 하게 되는데... (물론 .done() 이나 .fail() 로 연계해서 쓸 수도 있고..) 아무튼, 일반적으로 ajax 호출 직전에 로딩중을 보여주고... success 와 error 에 로딩중 감춤을 넣어서 써왔으나, 이번에 ajax로 파일 다운로드 하는걸 하다보니 서버에서 파일이 아직 안왔는데 로딩이 빨리 사라지더이다 그래서 고민하다 complete: 에 hideLoading (=.. 2020. 8. 2.
CSS로만 로딩 스피너 만들기 위 이미치처럼 뱅글 뱅글 로딩 이미지를 css로만으로도 만들 수 있음 검색하면 무지 많이 나옴 구글: https://www.google.com/search?q=css+only+spinner&rlz=1C1GCEA_enAU873AU873&oq=css+only+spinner&aqs=chrome.0.0l6j69i60.6351j0j7&sourceid=chrome&ie=UTF-8 아무튼, 복잡하게 만들면 매우 복잡해 질 수 있으나 기본 개념은 아래와 같다. html이 아래와 같다고 했을때, CSS는 아래처럼 된다. #loading { display: none; width: 100%; height: 100%; position: absolute; top:0; left:0; } @keyframes spinner { fr.. 2020. 8. 2.