前端学习笔记——cookie存储id实例

news/2024/5/18 16:10:14 标签: cookie

将用户信息存储在前端cookie
用户访问网站时,会从cookie中获取信息

实现这个过程的三步走:

  1. 设置
  2. 获取
  3. 检测
// 在cookie中设置id值
// exdays为有效期设置, id在这段时间内有效
function setCookie(idName,idValue,exdays){
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    // 有效期
    var expires = "expires="+d.toGMTString();
    document.cookie = idName+"="+idValue+"; "+expires;
}
// 获取id值
function getCookie(idName){
    var name = idName+ "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
    }
    return "";
}
//检测是否有id值
function checkCookie(){
    var user=getCookie("userid");
    // cookie中 存在该id字段
    if (user!=""){
        alert("欢迎 " + user);
    }
    // cookie中 不存在该id字段
    else {
        user = "123456";
          if (user!="" && user!=null){
          	// 字段userid的值为user,有效期30天
            setCookie("userid",user,30);
        }
    }
}

http://www.niftyadmin.cn/n/517960.html

相关文章

[XMOVE自主设计的体感方案] 历代版本系统介绍(五)X-MOVE4.0 Android子系统

编者注&#xff1a; X-MOVE是作者在业余时间于2010年6月份启动的以运动传感开发&#xff0c;算法和应用的平台&#xff0c;目前已经发展了三个版本&#xff0c;第四版的开发接近尾声。发布在博客园仅为交流技术&#xff0c;不存在商业目的&#xff0c;作者保留一切权利。 一 . …

前端学习笔记——理解token

Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证&#xff0c;服务端认证成功&#xff0c;那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位 从安全的角度考虑&#xff0c;Token 都需要设有效期。 那么有效期多长合…

序列模式挖掘 小笔

序列模型在关联模型的基础上进一步考虑了事务间的顺序&#xff0c;譬如客户购买商品时会先买床然后再买床上用品登登。所以序列模型的研究是有一定意义的。 书上指出两个适应本规则的应用&#xff0c;web数据挖掘中&#xff0c;从用户浏览网页的顺序中挖掘网站的浏览模型&#…

angular入门——环境安装及项目创建

angular入门一之环境安装及项目创建 1.安装node.js 下载&#xff0c;安装&#xff0c;在终端测试安装是否成功&#xff1a; node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址&#xff1a;https://nodejs.org/en/download 2.安装angular cli 安装typescript&#xff0…

设计界面通用的颜色值

灰色系 常用灰色 #3f3f3f #aaa #666666 渐变色值 #FBFBFB#F8F8F8#F4F4F4#EEEEEE#E5E5E5#DDDDDD#D0D0D0#C0C0C0#ADADAD#989898#808080#666666#4B4B4B 彩色系 常用主题 #ffffcc #ccffff #ffcccc ---- #99cccc #ffcc99 #ffcccc --- #ffff99 #ccccff #ffcccc #ffffcc ##C4DA…

poj 1151

其实可以暴力解决 #include<stdio.h> #include<stdlib.h> #include<string.h>typedef struct {double x1;double y1;double x2;double y2; }Point;Pointsquare[110]; double x[220],y[220]; int num; int comp(const void *a,const void *b);int main() {int…

https安全通讯

什么是https https就是在安全的传输层上发送的http。 https它并没有将加密的报文发送给tcp&#xff0c;而是在发送给tcp之前将报文先发送给一个安全层&#xff0c;对报文进行加密。这个安全层是通过SSL或者TLS协议实现的。 http传输&#xff1a; 1 HTTP应用层 2 TCP传输层 3 …

1. 深入研究 UCenter API 之 开篇 (转载)

1. 深入研究 UCenter API 之 开篇 &#xff08;转载&#xff09;2. 深入研究 UCenter API 之 通讯原理&#xff08;转载&#xff09;3. 深入研究 UCenter API 之 加密与解密&#xff08;转载&#xff09;4. 深入研究 UCenter API 之 网站搭建&#xff08;转载&#xff09;5…