jQuery를 사용하여 Cookies_jquery를 작동하기 위한 구현 코드

귀하가 웹사이트를 탐색할 때 귀하의 하드 디스크에 매우 작은 텍스트 파일이 생성되며, 여기에는 귀하의 사용자 ID, 비밀번호, 귀하가 탐색한 웹페이지, 해당 웹사이트에 머문 시간 등의 정보가 기록될 수 있습니다.

귀하가 다시 웹사이트에 접속할 때, 해당 웹사이트는 쿠키의 판독을 통해 귀하의 관련 정보를 학습하고, 환영 슬로건을 페이지에 표시하거나, 귀하가 별도의 로그인 없이 아이디나 비밀번호를 입력할 수 있도록 하는 등의 조치를 취할 수 있습니다. 입력하세요. 로그인하고 기다리세요. 쉽게 말하면 신분증이라고 생각하시면 됩니다.

기존 Javascript를 사용하여 쿠키 정보를 설정하고 얻는 것은 매우 번거로운 작업입니다. 이를 처리하려면 여러 함수를 작성해야 합니다. 다행히도 jQuery는 jQuery 플러그인의 도움으로 많은 작업을 수행할 수 있습니다. 쿠키를 쉽게 생성, 획득 및 삭제할 수 있습니다. 쿠키 플러그인을 다운로드하려면 여기를 클릭하세요: http://plugins.jquery.com/project/Cookie

쿠키 만들기

jQuery를 사용하여 쿠키를 설정하는 것은 매우 쉽습니다. 예를 들어, 값이 "foo"인 "example"이라는 쿠키를 생성합니다.

코드 복사 코드는 다음과 같습니다. :

$.cookie("example", "foo");

쿠키의 유효 기간을 설정하려면 만료 값을 설정할 수 있습니다. , 쿠키 만료 시간을 10일로 설정:

코드 복사 코드는 다음과 같습니다.

$.cookie("example", "foo", {expires:10})

쿠키가 1시간 후에 만료되도록 설정:

코드 복사 코드는 다음과 같습니다.

var cookietime = new Date()
cookietime.setTime(date.getTime() (60 * 60 * 1000)); //쿠키는 1시간 동안 저장됩니다
$ .cookie("example", "foo",{expires:cookietime})

쿠키 저장을 설정하려면 경로를 루트 디렉터리로 설정하는 등 경로 값을 설정할 수 있습니다.

코드 복사 코드는 다음과 같습니다. :

$.cookie("example", "foo",{path:" /"})

경로를 /admin으로 설정하려는 경우 ,

코드 복사 코드는 다음과 같습니다.

$.cookie("example ", "foo",{path:"/admin"});

쿠키 값 가져오기
사용 jQuery가 쿠키 값을 가져오는 방법은 매우 간단합니다. 다음은 "example"이라는 쿠키의 값을 표시하는 팝업 상자:

코드 복사 코드는 다음과 같습니다.

alert($.cookie("example"));

쿠키 삭제
쿠키를 삭제하려면 jQuery를 사용하세요. 쿠키 값은 null입니다. 값이 빈 문자열로 설정되면 쿠키를 삭제할 수 없으며 쿠키 값만 지워집니다.

코드 복사 코드는 다음과 같습니다.

$.cookie("example",null );

쿠키 설정 방법을 이해한 후 다음 기사에서는 웹사이트 사용자의 탐색 기록(탐색한 제품, 본 영화)을 기록하는 등 쿠키 적용을 보여주는 예를 설명하겠습니다. ), 계속 지켜봐 주시기 바랍니다.