关于$.cookie
第一次遇到$.cookie,再一次做项目中,考虑的不够周到,然后经理给加的,后来透彻的认识到了cookie的作用。
在做某一个项目时,有四十多个二维码随机出现,当别人打开页面时,会随机出现一个二维码,扫一扫关注添加好友,刚开始没有意识到(在测试阶段的时候,自己始终没有意识到这个问题,知道经理添加上去以后),同一个设备,打开多次每次出现的二维码都是随机出现的,也就都不一样,这样做显然是不行的,后来经理添加上去了,再次去检查的时候发现了这个,才知道自己考虑的不够周到。
通过项目看一下cookie的重要性,以及用法(记得加在jquery.cookie.js)
$(function(){ // 随机取某一范围的数字 function random(max,min){ return Math.floor(min+Math.random()*(max-min)) } var num=(random(1,45)); //保存num if(typeof($.cookie('num'))!='undefined'){ // console.log($.cookie('num')) num = $.cookie('num'); }else{ $.cookie('num',num); } // console.log(num) $(".code-img").children().attr("src","images/code"+num+".jpg"); )}
刚开始我只是添加了随机取数字的方法,并且赋值,随机取出一个二维码,后来通过cookie保存随机取的数字,这样同一个设备打开多次都会只是同一个二维码,这样就完善了很多,让我也认识到了cookie。
什么是 Cookies?
Cookies 是一些数据, 存储于你电脑上的文本文件中。
当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。
Cookies 的作用就是用于解决 "如何记录客户端的用户信息":
- 当用户访问 web 页面时,他的名字可以记录在 cookie 中。
- 在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。
Cookies 以名/值对形式存储,如下所示:
username=John Doe
当浏览器从服务器上请求 web 页面时, 属于该页面的 cookies 会被添加到该请求中。服务端通过这种方式来获取用户的信息。
再这里我就不多说了,可以参考W3Cschool的内容
爱前端,爱代码