채택완료

자바스크립트 페이지 로딩시 이벤트 질문이요!

2021-03-17 (수) 23:45:37 2,597

JS에서 하는게 맞겠죠??

페이지 로딩시 로딩이 오래 걸리면

동그라미가 돌아간다던지 바가 채워진다던지 하는

이벤트가 있잖아요??

로딩이 다 된다음에 사용된다는건

DOMContentLoaded 나 onload 를 쓰는건 알겠는데

(물론, 사용 방법이 다르긴 하지만)

이거 말고 로딩시에 해당 프로그레스를 사용하려면

어떤 방법을 써야할까요??

구글링을 하는데 제가 못찾는건지 잘 안나오네요 ㅠ

|

답변 2개

채택된 답변
+20 포인트

처음에 로딩 이미지가 보이도록 하구요..

페이지 로딩이 완료되면 숨기는 겁니다.

아래 참조..

https://seonkyu.tistory.com/18

<div class="modal-loading"><span class="loading"></span></div>

<a href="javascript:;" onclick="javascript:layerLoad(''); return false;"></a>

function layerLoad(strUrl){
    $.ajax({
        type: "POST",
        url: strUrl,
        data: "",
        success: function(resultText){
            $modalWrap.find("").html(resultText);
        },
        error: function() {
            alert("호출에 실패했습니다.");
            $("").hide();
        },
        beforeSend:function(){ 
            $('.modal-loading').fadeIn(); 
        },
        complete:function(){ 
            $('.modal-loading').hide();
        }
    });
}

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