My favorites | Sign in
Logo
                
Activity: Medium
Code license:
MIT License
Labels:
javascript, cookie, jquery, plugin, json, browser, client
External links:
My Sandbox
Me on Twitter
jQuery
Feeds:
Project feeds

Javascript Cookie Library with jQuery bindings and JSON support

Current Version: 2.2.0

Released: 06 Jan 10

Features

Description

This is a Javascript library for accessing and manipulating HTTP cookies in the web browser. You can get one or a list of cookies, set cookies, delete cookies, test if the browser accepts cookies. When JSON support is available, any JS value can be set to a cookie--it will be automatically serialized before being written to the cookie. jQuery is not required to use this library, but jQuery bindings are available when jQuery is present on the page. When jQuery is available, you can cause form fields to automatically set cookies, or auto fill form fields with cookie values. See the documentation for details.

Basic usage

Shown here are some of the most basic usages. See the documentation for customization options and specifics.

//set
$.cookies.set( 'sessid', 'dh3tr62fghe' ); //A cookie by the name 'sessid' now exists with the value 'dh3tr62fghe'

//get
var sessid = $.cookies.get( 'sessid' ); //Variable 'sessid' now holds the value 'dh3tr62fghe'

//delete
$.cookies.del( 'sessid' ); //The cookie named 'sessid' has been deleted.

//test
if( $.cookies.test() )
{
  //browser is accepting cookies
}


//JSON
var jimData = {id: 1, name: 'jim'};
$.cookies.set( 'userdata', jimData ); //A cookie by the name 'userdata' now exists with a serialized copy of jimData

var userData = $.cookies.get( 'userdata' ); //A variable named 'userData' now holds the unserialized object--should be identical to the variable 'jimData'


//jQuery Extensions
$( 'input.store' ).cookify(); //Inputs with class of 'store' are written to a cookie named after the input

$( 'input.store' ).cookieFill(); //Inputs with class of 'store' are filled with the value of cookies with matching names

$( 'input.store' ).cookieBind(); //Inputs with class of 'store' are filled with the value of cookies with matching names and whenever they change the cookie will be updated








Powered by Google Project Hosting