How to read a cookie value in Jquery and create another cookie with same value

Question

How do i get value of "id" from a session cookie "apple": Decoded below as

"{logo:"Y",id:"5555555555"}"

1. I want to get value of id ="5555555555" from apple
2. create another persistent cookie named banana and place this value "id" into it which expires in 10 days.

Pasted My code below:

Var res = $.cookie("apple");

<<Code to split it and get "id">>

$.cookie('id', 'the_value', { expires: 10});

I am new to Jquery and i am trying hard to get the basics . Please help!

Answer 1

Parse the JSON string in the cookie, then get the id property from it. You can then store this in the new cookie.

var obj = JSON.parse(res);
$.cookie('banana', obj.id, { expires: 10 });

Answer 2

Check the usage section in the readme here: https://github.com/carhartl/jquery-cookie#usage

---

Usage

Create session cookie:

 $.cookie('name', 'value'); 

Create expiring cookie, 7 days from then:

 $.cookie('name', 'value', { expires: 7 }); 

Create expiring cookie, valid across entire site:

 $.cookie('name', 'value', { expires: 7, path: '/' }); 

Read cookie:

 $.cookie('name'); // => "value" $.cookie('nothing'); // => undefined 

Read all available cookies:

 $.cookie(); // => { "name": "value" } 

Delete cookie:

 // Returns true when cookie was successfully deleted, otherwise false $.removeCookie('name'); // => true $.removeCookie('nothing'); // => false // Need to use the same attributes (path, domain) as what the cookie was written with $.cookie('name', 'value', { path: '/' }); // This won't work! $.removeCookie('name'); // => false // This will work! $.removeCookie('name', { path: '/' }); // => true 

Note: when deleting a cookie, you must pass the exact same path, domain and secure options that were used to set the cookie, unless you're relying on the default options that is.