프로그래밍/웹 관련

특정 작업 동안 기다리기 페이지 구현하기.

채윤아빠 2010. 3. 15. 12:02
728x90
반응형
PHP 작업 중에 결과 처리하는데 시간이 좀 걸리는 검색 페이지를 구현하는데 있어서, 검색 결과를 구하는 동안 페이지를 그냥 두면 검색 결과가 나올 때까지 화면에서 아무런 것도 표시되지 않아 사용자들은 답답하게 됩니다.
그리고 사용자가 검색 중임에도 결과가 너무 오래 걸려서 다시 검색을 하거나 하게 되면 검색 서버에 부하를 가중시켜 서버의 성능에 악 영향을 미치게 됩니다. 이를 방지하기 위하여 검색을 시작하면 바로 페이지에서 검색 중임을 알려주는 진행 표시를 하고, 검색이 완료되면 진행 표지 부분을 없애고 검색결과를 표시합니다.

DIV 태그를 이용하여 간단하게 구현이 가능합니다. 검색 대기 중일 때 표시할 내용을 DIV 태그 내에 작성하고, 페이지가 바로 표시되도록 한 이후에, 로딩 작업이 완료되면 자바스크립트로 해당 DIV 태그를 화면에서 안보이게 숨기는 방식입니다. 아래 예제 코드를 보시기 바랍니다.

<html>
<body>
입력하신 검색어로 검색중입니다.
잠시만 기다려 주십시요.
</body> </html>
실행 화면