<In Story>

웹서버 접속 확인 자바스크립트, Javascript check server connection // [Programming] [Script] [Web] [JavaScript] 본문

Programming/Web

웹서버 접속 확인 자바스크립트, Javascript check server connection // [Programming] [Script] [Web] [JavaScript]

<In Story, Hi story, History> 2015. 8. 24. 19:45

http://blog.bluekyu.me/2012/03/blog-post.html


서버가 접속이 가능하면 On을 표시해주고, 접속이 불가능하면 Off를 표시하도록 하는 기능이다.


서버 작동: <b id="check_server">Off</b>

<script type="text/javascript" src="서버_작동_확인_스크립트.js" defer="defer"></script>


먼저, 위 코드는 서버 작동 문구를 표시할 곳에 추가해주면 된다. 서버_작동_확인_스크립트.js 는 서버 쪽에 추가할 스크립트로, 스크립트를 불러오는 정확한 url을 써주면 된다.

그리고 서버 쪽에는 아래 자바 스크립트 파일을 추가해주면 된다.


document.getElementById("check_server").innerHTML = "On";


원리는 간단하다. b 태그에 유일한 id를 지정해주고, 서버에 접속하여 자바스크립트를 가져온다. 이때, 가져온 스크립트가 id를 검색해서 앞에서 지정한 id를 갖는 태그에 대해서 값을 On으로 변경하게 된다.

만약, 서버에 접속을 못할 경우에는 스크립트를 불러오지 못하므로 Off로 남아있게 된다.

* 주의사항: 서버에 접속을 하지 못할 경우, 계속 해서 스크립트를 불러오려는 대기 상태에 머무르기 때문에 웹페이지 로딩이 완료되지 못하는 현상이 있다. 따라서 같은 서버로부터 다른 페이지를 부르거나 스크립트를 부르는 경우가 있을 때에 쓰는 것이 좋을 것 같다.