How to delete and reset a cookie in javascript?

Question

"fc_vid=visitor1089537543049; _gat=1; Email Id=; Password=; API={"access_token":"fca10765-e1b0-42bf-bc11-47d4e436533b","token_type":"bearer","refresh_token":"969b3993-983c-4308-8542-bc0b0cd861ac","expires_in":429373,"scope":"read write"}; pnctest=1; fc_g=%7B%22session_geo%22%3A%22%7B%5C%22locale%5C%22%3A%7B%5C%22country%5C%22%3A%5C%22us%5C%22%2C%5C%22lang%5C%22%3A%5C%22en%5C%22%7D%2C%5C%22current_session%5C%22%3A%7B%5C%22url%5C%22%3A%5C%22http%3A%2F%2Flocalhost%3A5567%2FHome%2FIndex%5C%22%7D%2C%5C%22browser%5C%22%3A%7B%5C%22browser%5C%22%3A%5C%22Chrome%5C%22%2C%5C%22version%5C%22%3A43%2C%5C%22os%5C%22%3A%5C%22Windows%5C%22%7D%2C%5C%22device%5C%22%3A%7B%5C%22is_tablet%5C%22%3Afalse%2C%5C%22is_phone%5C%22%3Afalse%2C%5C%22is_mobile%5C%22%3Afalse%7D%7D%22%7D; _ga=GA1.1.1692099365.1433096280"

I am trying to remove the API cookie and reset it to a new object however when i do that it adds another API cookie for me.

Below is my code i am using cookies.js from this link

 var dataPromise = get_api_token_refresh_token(refresh_token).done(handleData).fail(failHandler); dataPromise.success(function (api_token) { var something = docCookies.removeItem('API'); console.log(something); docCookies.setItem("API", JSON.stringify(api_token)); });

What is happening in my case:

"API=%7B%22access_token%22%3A%22f7b87fc2-f2d5-43e8-a6d2-cc4a89da7a50%22%2C%22token_type%22%3A%22bearer%22%2C%22refresh_token%22%3A%223630934c-93c3-4497-abfb-9022428fce4c%22%2C%22expires_in%22%3A431999%2C%22scope%22%3A%22read%20write%22%7D; fc_vid=visitor1089537543049; _gat=1; Email Id=; Password=; API={"access_token":"fca10765-e1b0-42bf-bc11-47d4e436533b","token_type":"bearer","refresh_token":"969b3993-983c-4308-8542-bc0b0cd861ac","expires_in":429373,"scope":"read write"}; pnctest=1; fc_g=%7B%22session_geo%22%3A%22%7B%5C%22locale%5C%22%3A%7B%5C%22country%5C%22%3A%5C%22us%5C%22%2C%5C%22lang%5C%22%3A%5C%22en%5C%22%7D%2C%5C%22current_session%5C%22%3A%7B%5C%22url%5C%22%3A%5C%22http%3A%2F%2Flocalhost%3A5567%2FHome%2FIndex%5C%22%7D%2C%5C%22browser%5C%22%3A%7B%5C%22browser%5C%22%3A%5C%22Chrome%5C%22%2C%5C%22version%5C%22%3A43%2C%5C%22os%5C%22%3A%5C%22Windows%5C%22%7D%2C%5C%22device%5C%22%3A%7B%5C%22is_tablet%5C%22%3Afalse%2C%5C%22is_phone%5C%22%3Afalse%2C%5C%22is_mobile%5C%22%3Afalse%7D%7D%22%7D; _ga=GA1.1.1692099365.1433096280"

NOTE: The cookies are being set in the asp.net mvc code

string token_string = ""; if (loginResult.User != null) { //make a call to the REST api authentication method and get accesstokens token_string = OAuthHelper.getTokenFromAPIServer(api_auth_username, api_auth_password); if (collection["Check"] != null) { check = collection["Check"]; if (check == "on") { FormsAuthentication.SetAuthCookie(loginResult.User.Name, true); Response.Cookies[Constants.Cookies.USERNAME].Value = loginResult.User.Email; Response.Cookies[Constants.Cookies.PWD].Value = savePassword;//loginResult.User.Password; Response.Cookies[Constants.Cookies.USERNAME].Expires = DateTime.Now.AddDays(10); Response.Cookies[Constants.Cookies.PWD].Expires = DateTime.Now.AddDays(10); } } else { FormsAuthentication.SetAuthCookie(loginResult.User.Name, false); Response.Cookies[Constants.Cookies.USERNAME].Value = string.Empty; Response.Cookies[Constants.Cookies.PWD].Value = string.Empty; } Response.Cookies[Constants.Cookies.API].Value = token_string;

check what docCookies.removeItem("API"); is returning. It usually returns trueif it successfully removes the cookie, otherwise false — nalinc
– nalinc, Commented Jun 20, 2015 at 9:37
Still need more code because I'm partly wanting to see how you set it to begin with. Also, var api = api_token; is totally redundant. — jcuenod
– jcuenod, Commented Jun 20, 2015 at 9:39

Mohamad Shiralizadeh · Accepted Answer · 2015-06-20 09:48:55Z

you can use jquery.cookie plugin. It's very easy to use:

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

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" }

Collectives™ on Stack Overflow

How to delete and reset a cookie in javascript?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related