어떻게 jQuery를 사용하여 쿠키를 조작하는지 분석

3446 단어 jQuery조작하다Cookies
Cookies
정의: 사이트 서버가 소량의 데이터를 클라이언트의 하드디스크나 메모리에 저장하여 클라이언트의 하드디스크에서 데이터를 읽는 기술;
다운로드 및 도입: jquery.cookie.js 기반 jquery;먼저 jquery를 도입하고: jquery를 도입한다.cookie.js;다운로드: http://plugins.jquery.com/cookie/


　　jquery.cookie.js 코드의 내용이 많지 않으니 직접 복사할 수 있다

jQuery.cookie = function (key, value, options) {

  // key and value given, set cookie...
  if (arguments.length > 1 && (value === null || typeof value !== "object")) {
    options = jQuery.extend({}, options);

    if (value === null) {
      options.expires = -1;
    }

    if (typeof options.expires === 'number') {
      var days = options.expires, t = options.expires = new Date();
      t.setDate(t.getDate() + days);
    }

    return (document.cookie = [
      encodeURIComponent(key), '=',
      options.raw ? String(value) : encodeURIComponent(String(value)),
      options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
      options.path ? '; path=' + options.path : '',
      options.domain ? '; domain=' + options.domain : '',
      options.secure ? '; secure' : ''
    ].join(''));
  }

  // key and possibly options given, get cookie...
  options = value || {};
  var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
1. "세션 쿠키"추가$.cookie('the_cookie', 'the_value');쿠키의 유효 시간은 표시되지 않습니다. 생성된 쿠키의 유효 기간은 사용자가 브라우저를 닫을 때까지 기본적으로 설정되어 있기 때문에'세션 쿠키(session cookie)'라고 합니다.
2. 쿠키를 만들고 유효기간을 7일로 설정$.cookie('the_cookie', 'the_value', { expires: 7 });쿠키의 유효 시간을 가리키며 생성된 쿠키는'영구 쿠키(persistent cookie)'라고 불린다.주의 단위는 하늘이다.
PS: 여기 문제가 있는 것 같아요. 한참을 시험해 봤는데 jquery가 설정한 쿠키가 만료된 시간에 브라우저를 닫으면 효력이 없어져요.https://www.cnblogs.com/acm-bingzi/p/jquery_cookie_expire.html
3. 쿠키를 만들고 쿠키의 유효한 경로를 설정합니다$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });기본적으로 쿠키를 설정한 웹 페이지만 이 쿠키를 읽을 수 있습니다.한 페이지가 다른 페이지가 설정한 쿠키를 읽으려면 쿠키의 경로를 설정해야 합니다.쿠키의 경로는 쿠키를 읽을 수 있는 최고급 디렉터리를 설정하는 데 사용됩니다.이 경로를 사이트의 루트 디렉터리로 설정하면 모든 웹 페이지가 서로 쿠키를 읽을 수 있습니다. (일반적으로 이렇게 설정하지 마세요. 충돌을 방지합니다.)
4. 쿠키 읽기$.cookie('the_cookie');5. 쿠키 삭제$.cookie('the_cookie', null); // null cookie 6. 옵션 매개변수
$.cookie('the_cookie','the_value',{
　　expires:7,
　　path:'/',
　　domain:'jquery.com',
　　secure:true
})　
  • expires: (Number|Date) 유효기간;정수를 설정할 때 단위는 하늘이다.쿠키의 만료 날짜로 날짜 객체를 설정할 수도 있습니다.
  • path: (String) 이 쿠키의 페이지 경로를 만듭니다.
  • domain: (String) 이 쿠키의 페이지 도메인 이름을 만듭니다.
  • secure: (Booblean)true로 설정하면 이 쿠키의 전송은 HTTPS와 같은 보안 프로토콜을 요구합니다.
    • 이상은 본문의 전체 내용입니다. 여러분의 학습에 도움이 되고 저희를 많이 응원해 주십시오.
    [Collection] Set_HashSet/TreeSet
    [BOJ] 1339번 단어 수학

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage