2013/11/14 - [프로그램 자료/ASP.NET] - ASP.NET 쿠키 사용 방법 ASP.NET Cookie

출처 :http://blog.naver.com/PostView.nhn?blogId=devstory&logNo=120008273591
<html>
  <head>
    <title>자바 스크립트 쿠키 셋팅, 추출, 삭제 예제</title>
    <style type="text/css">
      table {
        font-size: 9pt;
      }
    </style>
    <script type="text/javascript">
      /**
       * 쿠키값 추출
       * @param cookieName 쿠키명
       */
      function getCookie(cookieName) {
        var search = cookieName + "=";
        var cookie = document.cookie;
        // 현재 쿠키가 존재할 경우
        if (cookie.length > 0) {
          // 해당 쿠키명이 존재하는지 검색한 후 존재하면 위치를 리턴.
          startIndex = cookie.indexOf(cookieName);
          // 만약 존재한다면
          if (startIndex != -1) {
            // 값을 얻어내기 위해 시작 인덱스 조절
            startIndex += cookieName.length;
            // 값을 얻어내기 위해 종료 인덱스 추출
            endIndex = cookie.indexOf(";", startIndex);
            // 만약 종료 인덱스를 못찾게 되면 쿠키 전체길이로 설정
            if (endIndex == -1) endIndex = cookie.length;
            // 쿠키값을 추출하여 리턴(한글 깨짐방지를 위해 decodeURIComponent)
            return decodeURIComponent(
              cookie.substring(startIndex + 1, endIndex)
            );
          } else {
            // 쿠키 내에 해당 쿠키가 존재하지 않을 경우
            return false;
          }
        } else {
          // 쿠키 자체가 없을 경우
          return false;
        }
      }
      /**
       * 쿠키 설정
       * @param cookieName 쿠키명
       * @param cookieValue 쿠키값
       * @param expireDay 쿠키 유효날짜
       */
      function setCookie(cookieName, cookieValue, expireDate) {
        var today = new Date();
        today.setDate(today.getDate() + parseInt(expireDate));
        document.cookie =
          cookieName +
          "=" +
          escape(cookieValue) +
          "; path=/; expires=" +
          today.toGMTString() +
          ";";
      }
      /**
       * 쿠키 삭제
       * @param cookieName 삭제할 쿠키명
       */
      function deleteCookie(cookieName) {
        var expireDate = new Date();
        //어제 날짜를 쿠키 소멸 날짜로 설정한다.
        expireDate.setDate(expireDate.getDate() - 1);
        document.cookie =
          cookieName +
          "= " +
          "; expires=" +
          expireDate.toGMTString() +
          "; path=/";
      }
      /**
       * 자신이 지정한 값으로 쿠키 설정
       */
      function setMyCookie() {
        setCookie(form.setName.value, form.setValue.value, form.expire.value);
        viewCookie(); // 전체 쿠키 출력 갱신
      }
      /**
       * 자신이 지정한 쿠키명으로 확인
       */
      function getMyCookie() {
        alert("쿠키 값 : " + getCookie(form.getName.value));
      }
      /**
       * 자신이 지정한 쿠키명으로 쿠키 삭제
       */
      function deleteMyCookie() {
        deleteCookie(form.deleteName.value);
        alert("쿠키가 삭제되었습니다.");
        viewCookie();
      }
      /**
       * 전체 쿠키 출력
       */
      function viewCookie() {
        if (document.cookie.length > 0) cookieOut.innerText = document.cookie;
        else cookieOut.innerText = "저장된 쿠키가 없습니다.";
      }
    </script>
  </head>
  <body onload="viewCookie()">
    <form name="form">
      <table cellpadding="0" cellspacing="0">
        <tr>
          <td bgcolor="#666666">
            <table cellpadding="0" cellspacing="1">
              <tr height="25">
                <td align="center">
                  <font color="#ffffff">쿠키 설정</font>
                </td>
              </tr>
              <tr>
                <td bgcolor="#ffffff" align="center">
                  쿠키명 :
                  <input type="text" name="setName" /><br />
                  쿠키값 :
                  <input type="text" name="setValue" /><br />
                  기한 :
                  <input type="text" name="expire" /><br />
                  <input
                    type="button"
                    onclick="setMyCookie()"
                    value="쿠키설정"
                  />
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <br />
      <table cellpadding="0" cellspacing="0">
        <tr>
          <td bgcolor="#666666">
            <table cellpadding="0" cellspacing="1">
              <tr height="25">
                <td align="center">
                  <font color="#ffffff">쿠키 확인</font>
                </td>
              </tr>
              <tr>
                <td bgcolor="#ffffff" align="center">
                  쿠키명 :
                  <input type="text" name="getName" /><br />
                  <input
                    type="button"
                    onclick="getMyCookie()"
                    value="쿠키확인"
                  />
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <br />
      <table cellpadding="0" cellspacing="0">
        <tr>
          <td bgcolor="#666666">
            <table cellpadding="0" cellspacing="1">
              <tr height="25">
                <td align="center">
                  <font color="#ffffff">쿠키 삭제</font>
                </td>
              </tr>
              <tr>
                <td bgcolor="#ffffff" align="center">
                  쿠키명 :
                  <input type="text" name="deleteName" /><br />
                  <input
                    type="button"
                    onclick="deleteMyCookie()"
                    value="쿠키삭제"
                  />
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <br />
      <table cellpadding="0" cellspacing="0">
        <tr>
          <td bgcolor="#666666">
            <table cellpadding="0" cellspacing="1">
              <tr height="25">
                <td align="center">
                  <font color="#ffffff">전체 쿠키</font>
                </td>
              </tr>
              <tr height="25">
                <td bgcolor="#ffffff" align="center">
                  <div id="cookieOut"></div>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </form>
  </body>
</html>
Javascript Cookie 자바스크립트 쿠키 사용
