jQuery.cookie not storing my JSON string

Question

So I'm new to jQuery and JSON but this is pretty straight forward and the fact the it isn't working is frustrating me.

I have an ASP.NET MVC Web site. I'm using AJAX (through jQuery) to load some data. Everything is well and good up until there.

I'm trying to store my result in a cookie by using carhartl / jquery-cookie.

The problem is when I try to store my data in a cookie the data isn't really stored. I'm using the code below:

                var jsonObj = JSON.stringify(result);

                jQuery.cookie("resultData", jsonObj, {
                    expires: 2,
                    path: "/",
                    json: true
                });

jQuery.cookie("resultData") returns null

I've tried running the same code but instead of my actual data I wrote "hello word" which worked just fine.

Can anyone help me please ?

What's the size of your json ? You have a limit of 4K for each cookie, I think :) — Mihai
– Mihai, Commented Nov 8, 2012 at 16:24
@Johny, see stackoverflow.com/questions/640938/… The overall length of the cookie should not exceed 4096 bytes.. — Gabriele Petrioli
– Gabriele Petrioli, Commented Nov 8, 2012 at 16:27
As I said: 4KB. Try with a smaller json. Like { test : 1 } and see the result — Mihai
– Mihai, Commented Nov 8, 2012 at 16:28
@Mihai and [at]Gaby aka G. Petrioli yep that's the problem ... lame. Thanks though if [at]Mihai puts this as an answer I can mark it as the correct answer :) — Jonny
– Jonny, Commented Nov 8, 2012 at 16:36

Mihai · Accepted Answer · 2012-11-08 16:40:34Z

2

The max size of a cookie is 4 KB. Check that :) Try with a smaller json, like { test : 1 } and see if that works

answered Nov 8, 2012 at 16:40

Mihai

2,79337 silver badges46 bronze badges

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

Comments

JanRe · Accepted Answer · 2023-03-10 21:12:38Z

0

I guess the issue is that json: true is not an option, but it's the property of jQuery.cookie object itself.

So you should execute this line somewhere before your code:

jQuery.cookie.json = true;

and after that execute your code.

So, it could be something like that:

jQuery.cookie.json = true;

jQuery.cookie("resultData", jsonObj, {
    expires: 2,
    path: "/"
});

And note that, if you set $.cookie.json = true, you don't need to json-stringify your object - it would be provided automatically.

Please refer to official doc or answer on similar question here.

answered Mar 10, 2023 at 21:12

JanRe

11 silver badge1 bronze badge

Collectives™ on Stack Overflow

jQuery.cookie not storing my JSON string

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related