Cookie ‘data’ possibly not set or overflowed
because it was too large (5287 > 4096 bytes)!
故事起源
项目开发过程中遇到以上问题,刚开始以为只是个警告,没太在意。后来发现直接影响到了程序的执行效果。果断寻找解决方法。
问题分析
根据Chrome浏览器信息定位,显示以下代码存在错误:
$cookieStore.get(“data”)
由于自己在程序使用cookieStore存储了大量所需数据,其数据量超过了cookie默认设定的存储值4K,故会报错。
换用instance试试。问题成功解决,实践证明:instance比cookieStore好用。
刨根问底
1.cookieStore默认存储多少数据?可否更改默认存储数据?
经过网络查询也没能获得明确答案,不过从提示可以看出,其可存储数据空间就是4K,而且其提供的方法只有put、get、remove三种,故得知更改其默认存储数据空间是不现实的事情。
2.从cookieStore获取数据后,系统自己释放存储空间,还是必须得手动释放?是不是类似于java的垃圾回收机制?
凭借直觉,cookieStore应该类似于java的垃圾回收机制,就算没有人工编码实现释放cookieStore所占用的存储空间,系统也会在其生命周期结束后释放其存储空间。最佳实践是:当从cookieStore中取出所需数据,不再需要cookieStore时,应收到释放其所占用的内存空间。这样才是合理的设计。
3.cookieStore与instance的区别?
如上述所分析,从内存占用的角度考虑,cookieStore中存储的数据置于内存之中,实实际际的占用内存空间。而instance类似于指针,只是其指向的是一个对象地址,其对象是可以存储任意内容、格式、大小的数据的,不受内存所限。
注:有关instance的详情请点击此处.
附:使用步骤
AngularJS 提供了很好的 c o o k i e 和 cookie 和 cookie 和 cookieStore API 用来处理 cookies 。
这两个服务都能够很好的发挥HTML5 cookies,当HTML5 API可用时浏览器会选择使用HTML5提供的API,如果不可用则默认选择document.cookies。无论那种方式,你都可以选择使用相同的API来进行工作。
Step 1 - include cookies module
第一步加载JS文件,并且依赖 cookie module
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.9/angular-cookies.min.js"></script>
创建 angular module
var DemoApp = angular.module( 'DemoApp', ['ngCookies'] ).config( demoConfig );
Step 2 - Inject into controller
将cookie module 注入到 controller 中
DemoApp.controller('DemoController', function($cookieStore, $scope, $location, $routeParams, $http , $timeout ){ .. body here .. })
Step 3 - Using the $cookieStore
现在可以使用put、get 、remove方法操作 cookie , $cookieStore 可以直接存储对象到cookie中,它会使用angularjs 的 toJson/fromJson 自动序列化和反序列化
标签:存储,set,进阶,cookies,module,instance,cookie,cookieStore,was
From: https://blog.csdn.net/2401_86400095/article/details/141873526