Create, read, and erase cookies with jQuery

JqueryCookies

Jquery Problem Overview


Somebody help me. How to create, read and erase some cookies with jQuery ?

Jquery Solutions


Solution 1 - Jquery

Use JavaScript Cookie plugin

Cookies.set("example", "foo"); // Sample 1
Cookies.set("example", "foo", { expires: 7 }); // Sample 2
Cookies.set("example", "foo", { path: '/admin', expires: 7 }); // Sample 3
alert( Cookies.get("example") );
Cookies.remove("example");
Cookies.remove('example', { path: '/admin' }) // Must specify path if used when setting.

Solution 2 - Jquery

As I know, there is no direct support, but you can use plain-ol' javascript for that:

// Cookies
function createCookie(name, value, days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
		var expires = "; expires=" + date.toGMTString();
	}
	else var expires = "";               

	document.cookie = name + "=" + value + expires + "; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for (var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == ' ') c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name, "", -1);
}

You can access like below,

createCookie("test","test",1); // to create new cookie

readCookie("test"); // to retrive data from cookie

eraseCookie("test"); // will delete that cookie

Solution 3 - Jquery

Use jquery cookie plugin, the link as working today: https://github.com/js-cookie/js-cookie

Solution 4 - Jquery

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionAgus PuryantoView Question on Stackoverflow
Solution 1 - JqueryRamesh SoniView Answer on Stackoverflow
Solution 2 - JquerybalexandreView Answer on Stackoverflow
Solution 3 - Jquerylouis_coetzeeView Answer on Stackoverflow
Solution 4 - JqueryNatriumView Answer on Stackoverflow