이 기사의 예에서는 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? 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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.