jQuery는 브라우저에서 쿠키를 읽고 쓸 수 있습니까?


99

간단한 예 : 페이지에 일부 항목 (예 : div 또는 테이블 행)이 있고 사용자가 항목을 클릭하여 선택하도록하고 싶습니다. jQuery에서는 충분히 쉬운 것 같습니다. 사용자가 서버 측 포스트 백없이 클릭하는 항목을 저장하기 위해 쿠키가이 작업을 수행하는 간단한 방법이라고 생각했습니다.

  1. 이 경우 쿠키가 정상이라는 가정이 맞습니까?
  2. 올바른 경우 jQuery API에 기본 JavaScript API보다 더 좋은 쿠키 정보를 읽고 쓸 수있는 방법이 있습니까?

답변:


52

쿠키 설정을위한 기본 JavaScript "API"는 다음과 같이 쉽습니다.

document.cookie = 'mycookie=valueOfCookie;expires=DateHere;path=/'

다음과 같이 jQuery 쿠키 플러그인을 사용하십시오.

$.cookie('mycookie', 'valueOfCookie')

14
예, 쿠키를 작성하는 것은 쉽지만 문자열과 항목을 분할해야하기 때문에 쿠키를 읽는 것은 일종의 고통입니다. 이미 JQuery를 사용하고 있다면 쿠키 플러그인이 좋을 수 있습니다. 쿠키 읽기에 대한 성가신 점은 일부 브라우저는 최종 세미콜론을 제거하고 일부는 제거하지 않는다는 것입니다. 모든.
Peter Ajtai 2010-06-12

8
아, 그리고 JQuery 쿠키 플러그인은 JS 40 줄에 불과하며 원하는대로 편집 할 수 있으므로 추상화 위험 영역에 들어가는 느낌이 들지 않습니다.
Peter Ajtai 2010-06-12

3
요청한대로 jQuery와 관련이 없습니다. Peter Ajtai 코멘트는 casademora가 Javascript 대신 jQuery 플러그인을 요청하는 이유를 보여줍니다.
CallMeLaNN

4
다음은 죽은 링크로 끝나거나 plugins.jquery.com 사이트가 오작동하는 사람들을위한 최신 링크입니다. github.com/carhartl/jquery-cookie
Wiebe Tijsma

18

쿠키 기능에 몇 가지 추가 서명을 제공하는 쿠키 플러그인이 필요합니다.

$.cookie('cookie_name', 'cookie_value')임시 쿠키를 저장합니다 (이 세션의 범위 내에 만 존재하고 세션 $.cookie('cookie_name', 'cookie_value', 'cookie_expiration")간에 지속되는 쿠키를 생성합니다. 자세한 내용 은 http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ 참조) JQuery 쿠키 플러그인에서.

전체 사이트에 사용되는 쿠키를 설정하려면 다음과 같은 JavaScript를 사용해야합니다.

document.cookie = "name=value; expires=date; domain=domain; path=path; secure"

1
이 링크는이 글을 쓰는으로 죽은 것 같습니다
마크 Schultheiss

11

쿠키 검색 및 양식 바인딩을 통한 조작을위한 새로운 jQuery 플러그인 : http://plugins.jquery.com/project/cookies


3
링크를 너무 빨리 읽는 사람은 쿠키 끝에있는 's'를 확인하여 Alex Fort의 답변과 다른 답변을 만드십시오
Patrick


1
@Zidad는 쿠키 제공자가 연결 한 것과 동일한 플러그인이 아닙니다. 그가 연결 한 것은 현재 code.google.com/p/cookies에 있습니다.
JAAulde

@JAAulde 아 나는 그것을 깨닫지 못했습니다. 링크가 죽었 기 때문에 :) 감사합니다!
Wiebe Tijsma

7

귀하의 질문에 답하려면 예. 다른 사람이 그 부분에 답했지만, 그것이 최선의 방법인지 묻는 것 같습니다.

아마도 당신이하는 일에 달려있을 것입니다. 일반적으로 사용자가 구매하려는 항목을 클릭하도록합니다 (예 : 주문). 그런 다음 구매 또는 결제 버튼을 누릅니다. 그런 다음 양식이 페이지로 전송되어 결과를 처리합니다. 쿠키로 모든 것을 할 수 있지만 더 어려울 것입니다.

다른 주제에 두 번째 질문을 게시하는 것이 좋습니다.



4

여기에서 "cookie"태그가 지정된 모든 jQuery 플러그인을 찾아 볼 수 있습니다.

http://plugins.jquery.com/plugin-tags/cookies

거기에 많은 옵션이 있습니다.

HTML5의 localStorage를 활용하는 jQuery Storage라는 것을 확인하십시오. localStorage를 사용할 수없는 경우 기본값은 쿠키입니다. 그러나 만료를 설정할 수는 없습니다.


4

jQuery 쿠키 플러그인을 다운로드 할 수없는 것 같습니다. 그러나 jQuery & Cookies (get / set / delete & a plugin)에 설명 된 몇 가지 개선 사항과 함께 동일한 jQuery 쿠키 플러그인을 다운로드 할 수 있습니다 .


또한 쿠키 플러그인 개발이 첫 번째 릴리스 이후 중단되었으며 jQuery 1.4 *와 호환되는지 여부를 확신하지 못합니다.
CallMeLaNN

확장 구문이 그 이후로 변경되지 않았기 때문에 플러그인은 jQuery 1.4와 호환됩니다 ...
jQuery Lover

2

저는 Klaus Hartl 의 쿠키 스크립트를 사용하여 사용자가 언어를 선택할 수있는 스크립트를 작성했습니다 . 일하는 데 몇 시간이 걸렸고 다른 사람들을 도울 수 있기를 바랍니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.