JavaScript 활용

JavaScript 활용 예제 : Cookie를 이용한 방문회수 조회

쿠키 (Cookie)

서버에 클라이언트 접속자에 대한 정보 전달 방법 : CGI, cookie
Cookie 방식 : 매번 접속자에 대한 정보를 header에 포함하여 전달

Browser가 정보를 하드에 저장 => 접속시 cookie 내용을 header에 포함하여 전달

서버는 cookie 항목의 값에 따라 문서 내용을 접속자에게 전송

활용 예: 사용자 인증 (CGI와 달리 외부로 보이지 않는다)

Source

<head>

function getCookieVal (offset) { ... }                  // 교과서 p420,421
function GetCookie (name) { ... }
        // 현재 cookie에 저장된 내용 중 name 에 해당하는 값을 리턴
function SetCookie (name, value) { ... }
        // cookie에 name=value 형태로 내용을 저장한다
=> document.cookie 에 저장된 현재 cookie 내용 :
      " " : 서버로 전달

var username = GetCookie('uname');

if (username == null) {

username = prompt('성함을 말씀해 주세요 : ',"");

if (username == null) {

alert('Its ok if you dont want to tell us your name');

username = 'WebSurfer';

}

SetCookie('uname',username);

}

</script>

</head>

<body>
<script language="JavaScript">
    var visits;
    if (!(visits = GetCookie("visits")))
            visits = 0;
    visits++;
    SetCookie("visits", visits);

    document.write('<br> ' + username + '씨의 ' + visits);
    document.write('번째 방문을 환영합니다.');
</script>
    <IMG SRC="images/cat.gif" WIDTH="100" HEIGHT="100" ALIGN=RIGHT>
</body>