Cookie使用

矫情吗；* 2022-05-22 02:53 201阅读 0赞

#### 我一般很少用cookie的，大家可能也比较少用，但是搜到这篇文章肯定是你要用，但不怎么会用，哈哈哈~！ ####

##### **Cookie：可以存少量，不经常更改的数据，存储在客户端、比如：用户的使用偏好。（自己理解）** #####

**今天一个客户要求，他说这里选择了下拉，页面一刷新下下就没了，想要记住选择状态，正好我玩下cookie！**

**![70][]**

**首先来两个Cookie工具方法：**

**// setCookie 存数据到cookie方法，传入c\_name（key键或者说标识吧，取个存储名），value（值），expiredays（保存天数）。**

function setCookie(c_name,value,expiredays)
    		{
    		var exdate=new Date()
    		exdate.setDate(exdate.getDate()+expiredays)
    		document.cookie=c_name+ "=" +escape(value)+
    		((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
    		}

**// getCookie 从cookie中拿到数据，传入c\_name（上面说了）**

function getCookie(c_name)
    		{
    		if (document.cookie.length>0)
    		  {
    		  c_start=document.cookie.indexOf(c_name + "=")
    		  if (c_start!=-1)
    		    { 
    		    c_start=c_start + c_name.length+1 
    		    c_end=document.cookie.indexOf(";",c_start)
    		    if (c_end==-1) c_end=document.cookie.length
    		    return unescape(document.cookie.substring(c_start,c_end))
    		    } 
    		  }
    		return ""
    		}

\-------------------ok了，以下是怎么使用----------------------

上面是两个下拉选项嘛，那我肯定是它选择了就把值保存到cookie呗，那就给了个onchange（内容改变监听）

然后写个页面加载我们就去读取cookie、初始化：

// 初始化
    		var jhzt = getCookie("jhzt");
    		var syzt = getCookie("syzt");
    		$("#jhzt").val(jhzt);
    		$("#syzt").val(syzt);

然后再来个保存的：

// 实时保存
    		function onSave(){
    			setCookie("jhzt",$("#jhzt").val(),7);
    			setCookie("syzt",$("#syzt").val(),7);
    		}

\----------------------没了、感觉蛮好玩的-------------------------------

[70]: /images/20220522/1c3c978dff8c4b93ab0c0bdb01a57810.png