blocks|key|1086398|text|您可以将数据序列化为JSON，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1086399|$.cookie("basket-data",+JSON.stringify($("#ArticlesHolder").data()));|code-block|syntax|javascript|1086400|然后从cookie中获取它：|1086401|$("#ArticlesHolder").data(JSON.parse($.cookie("basket-data")));|1086402|这依赖于JSON.stringify()+and+JSON.parse()来序列化/反序列化您的数据对象，因为旧的浏览器(IE<8)包括json2.js来获得JSON功能。此示例使用jQuery+cookie+plugin|offset|length|style|CODE|1086403|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/json#Using_native_JSON|1|http://www.json.org/js.html|2|https://github.com/carhartl/jquery-cookie^0|0|0|0|0|4|G|P|C|27|4|4|X|0|1W|8|1|2J|K|2|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@$M|17|N|18|O|P]|$M|19|N|1A|O|P]|$M|1B|N|1C|O|P]]|9|@$M|1D|N|1E|1|1F]|$M|1G|N|1H|1|1I]|$M|1J|N|1K|1|1L]]|A|$]]|$1|Q|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]|10|$5|T|U|V|A|$W|11]]]]

You can serialize the data as JSON, like this:

<pre><code>$.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));
</code></pre>

Then to get it from the cookie:

<pre><code>$("#ArticlesHolder").data(JSON.parse($.cookie("basket-data")));
</code></pre>

This relies on <a href="https://developer.mozilla.org/en/json#Using_native_JSON" rel="noreferrer"><code>JSON.stringify()</code> and <code>JSON.parse()</code></a> to serialize/deserialize your data object, for older browsers (IE&lt;8) include <a href="http://www.json.org/js.html" rel="noreferrer">json2.js</a> to get the <code>JSON</code> functionality. This example uses the <a href="https://github.com/carhartl/jquery-cookie" rel="noreferrer">jQuery cookie plugin</a>

blocks|key|1086428|text|使用JSON.stringify(userData)将coverty+json对象转换为字符串。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1086429|var+dataStore+=+$.cookie("basket-data",+JSON.stringify($("#ArticlesHolder").data()));|code-block|syntax|javascript|1086430|为了从cookie中返回，可以使用JSON.parse()|1086431|var+data=JSON.parse($.cookie("basket-data"))|1086432|entityMap^0|2|O|0|0|H|C|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

use <code>JSON.stringify(userData)</code> to coverty json object to string.

<pre><code>var dataStore = $.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));
</code></pre>

and for getting back from cookie use <code>JSON.parse()</code>

<pre><code>var data=JSON.parse($.cookie("basket-data"))
</code></pre>

blocks|key|1086533|text|现在已经不需要显式地使用JSON.stringify了。只需执行这行代码|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1086534|$.cookie.json+=+true;|code-block|syntax|javascript|1086535|在此之后，您可以将任何对象保存在cookie中，当读取cookie时，该对象将自动转换为JSON，并从JSON转换回来。|1086536|var+user+=+{+name:+"name",+age:+25+}
$.cookie('user',+user);
...

var+currentUser+=+$.cookie('user');
alert('User+name+is+'+%2B+currentUser.name);|1086537|但是JSON库并没有附带jquery.cookie，所以在jquery.cookie.js之前你必须自己下载它并将其包含到html页面中|1086538|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/carhartl/jquery-cookie^0|C|E|0|0|0|0|T|G|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|Q|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

Now there is already no need to use <code>JSON.stringify</code> explicitly. Just execute this line of code

<pre><code>$.cookie.json = true;
</code></pre>

After that you can save any object in cookie, which will be automatically converted to JSON and back from JSON when reading cookie.

<pre><code>var user = { name: "name", age: 25 }
$.cookie('user', user);
...

var currentUser = $.cookie('user');
alert('User name is ' + currentUser.name);
</code></pre>

But JSON library does not come with jquery.cookie, so you have to download it by yourself and include into html page before <a href="https://github.com/carhartl/jquery-cookie">jquery.cookie.js</a>

blocks|key|871835|text|通过将数据序列化为JSON和Base64，依赖项jquery.cookie.js：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|871836|var+putCookieObj+=+function(key,+value)+{
++++$.cookie(key,+btoa(JSON.stringify(value)));
}

var+getCookieObj+=+function+(key)+{
++++var+cookie+=+$.cookie(key);
++++if+(typeof+cookie+===+"undefined")+return+null;
++++return+JSON.parse(atob(cookie));
}|code-block|syntax|javascript|871837|:)|871838|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

With serialize the data as JSON and Base64, dependency jquery.cookie.js :

<pre><code>var putCookieObj = function(key, value) {
 $.cookie(key, btoa(JSON.stringify(value)));
}

var getCookieObj = function (key) {
 var cookie = $.cookie(key);
 if (typeof cookie === "undefined") return null;
 return JSON.parse(atob(cookie));
}
</code></pre>

:)

How do I save JSON data in a cookie?

My JSON data looks like this

<pre><code>$("#ArticlesHolder").data('15', {name:'testname', nr:'4',price:'400'});
$("#ArticlesHolder").data('25', {name:'name2', nr:'1', price:'100'});
$("#ArticlesHolder").data('37', {name:'name3', nr:'14', price:'60'});
</code></pre>

And I want to do something like

<pre><code>var dataStore = $.cookie("basket-data", $("#ArticlesHolder").data());
</code></pre>

and to retrieve the data i want to load it into <code>$("#ArticlesHolder")</code> like

<pre><code>$.each($.cookie("basket-data"), function(i,e){
 $("#ArticlesHolder").data(i, e);
});
</code></pre>

does anyone know if I'm on the right track or should this be done in some other way? Simply put, how do i put and pull json data from a cookie?

jquery save json data object in cookie

JSON

如何将JSON数据保存到cookie中？我的JSON数据如下所示$("#ArticlesHolder").data('15', {name:'testname', nr:'4',price:'400'});$("#ArticlesHolder").data('25', {name:'name2', nr:'1', pr...

问jquery将json数据对象保存在cookie中
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery将json数据对象保存在cookie中EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery将json数据对象保存在cookie中
EN