>  기사  >  웹 프론트엔드  >  jQuery는 쿠키 값을 가져오고 쿠키 사용을 삭제합니다. example_jquery

jQuery는 쿠키 값을 가져오고 쿠키 사용을 삭제합니다. example_jquery

WBOY
WBOY원래의
2016-05-16 15:05:221594검색

이 기사의 예에서는 jQuery를 사용하여 쿠키 값을 얻고 쿠키를 삭제하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

쿠키에는 jquery에 지정된 쿠키 작업 클래스가 있습니다. 여기서는 먼저 쿠키 작업 클래스를 사용할 때 발생하는 몇 가지 문제를 소개하고 올바른 사용 방법을 소개합니다.

JQuery를 사용하여 쿠키를 작동할 때 잘못된 값이 발생합니다:

쿠키에는 네 가지 속성이 있는 것으로 나타났습니다.

이름, 콘텐츠, 도메인, 경로

$.cookie('the_cookie'); // 读取 cookie
$.cookie('the_cookie', 'the_value'); // 存储 cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie

사용:

$.cookie("currentMenuID", menuID);

도메인과 경로가 지정되지 않은 경우.

그래서 도메인과 경로가 다르면 다른 쿠키가 생성됩니다

$.cookie("currentMenuID");

값을 구할 때 문제가 발생합니다.

따라서 다음을 사용하세요.

$.cookie("currentMenuID", "menuID", { path: "/"});

재정의. 동일한 도메인의 동일한 cookieID는 값에 해당합니다.

예제를 살펴보겠습니다

쿠키 경로 설정에 주의가 필요합니다. 경로:'/'를 설정하지 않으면 디렉토리에 따라 경로가 자동으로 설정됩니다(예: http://www.xxx.com/). user/, 경로는 ' /user'로 설정됩니다)

$.extend({
/**
 1. 设置cookie的值,把name变量的值设为value
example $.cookie('name', 'value');
 2.新建一个cookie 包括有效期 路径 域名等
example $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
3.新建cookie
example $.cookie('name', 'value');
4.删除一个cookie
example $.cookie('name', null);
5.取一个cookie(name)值给myvar
var account= $.cookie('name');
**/
  cookieHelper: function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
      options = options || {};
      if (value === null) {
        value = '';
        options.expires = -1;
      }
      var expires = '';
      if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
        var date;
        if (typeof options.expires == 'number') {
          date = new Date();
          date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
        } else {
          date = options.expires;
        }
        expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
      }
      var path = options.path ? '; path=' + options.path : '';
      var domain = options.domain ? '; domain=' + options.domain : '';
      var secure = options.secure ? '; secure' : '';
      document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
      var cookieValue = null;
      if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
          var cookie = jQuery.trim(cookies[i]);
          // Does this cookie string begin with the name we want&#63;
          if (cookie.substring(0, name.length + 1) == (name + '=')) {
            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
            break;
          }
        }
      }
      return cookieValue;
    }
  }
});

더 많은 jQuery 관련 콘텐츠에 관심이 있는 독자들은 이 사이트에서 특별한 주제를 확인할 수 있습니다: "JQuery 쿠키 조작 기술 요약", "jQuery 테이블(테이블) 조작 기술 요약" , "jQuery 드래그 효과 및 기법 요약", "jQuery 확장 기법 요약", "jQuery 공통 클래식 특수 효과 요약", "jQuery 애니메이션 및 특수 효과 사용 요약", "jquery 선택기 사용 요약" 및 "jQuery 일반 플러그인 및 사용 요약"

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.