关于$.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的内容

参考链接:http://www.w3cschool.cn/javascript/js-cookies.html

爱前端,爱代码
原文地址:https://www.cnblogs.com/jtr122624520/p/6060886.html