How to Retrieve Cookie Value using Jquery JS Cookie

Question

I am using a jQuery cookie plugin called JS Cookie and what happens is that I am unable to retrieve the data or the value in the cookie. I would like to store the value of the cookie that was inputted on the text box and retrieve it in the text field when the page is visited again.

$(document).ready(function() { var cookie_email = Cookies.get('user_email'); $('#email_address').val(cookie_email); $('#test_button').click(function() { Cookies.set('user_email', email_address, { expires: 365 }); }); });

https://jsfiddle.net/mue1amcm/

Are you testing only on JSFiddle? Or locally too?

Rubico
– Rubico

2016-03-17 11:12:46 +00:00
Commented Mar 17, 2016 at 11:12 — Rubico
– Rubico, Commented Mar 17, 2016 at 11:12

Rory McCrossan · Accepted Answer · 2016-03-17 11:12:13Z

5

Your code doesn't work as you don't assign the email_address variable anywhere. You should change that value to use $('#email_address').val().

Also note that your jsFiddle isn't setup correctly; your URL to the external cookie script goes to a Github page. You need to use a CDN link instead. Try this:

var cookie_email = Cookies.get('user_email'); $('#email_address').val(cookie_email); $('#test_button').click(function() { Cookies.set('user_email', $('#email_address').val(), { expires: 365 }); });

Working example

answered Mar 17, 2016 at 11:12

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rubico Over a year ago

I'm trying to test here, but even when I pass the parameters hardcoded, when I try to make a get, there is nothing on cookies.

Rory McCrossan Over a year ago

Are you testing on a server? You cannot set a cookie when testing on the local file system. As you can see from the fiddle, it should be working fine

JeVic Over a year ago

just a question, when I do this var myemail = $('#email_address').val(); Cookies.set('user_email', myemail , it doesnt seem to work, isnt that suppose to be equal

Rory McCrossan Over a year ago

Assuming that the myemail variable is set at the right time to capture user input it should work. If you're still having issues I would suggest you open a new question as it has now progressed to a logic flow problem. Remember to include the full code sample in the question, as well as exactly what you want to happen.

Collectives™ on Stack Overflow

How to Retrieve Cookie Value using Jquery JS Cookie

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related