ron log getdate date() 一个 func sca 过期
学习 cookie 和表单交互留下的一点笔记
什么是 cookie?cookie 是存储于客户端的变量。当设备请求页面时,就会发送 cookie。首先需要稍微了解一下 cookie 的结构,简单地说:cookie 是以键值对的形式保存的,即 key=value 的格式。各个 cookie 之间一般是以 ";" 分隔。JS 设置 cookie:document.cookie= key + '=' + value + ';expires=' + Date; 其中 Date 为 cookie 的过期时间。实际案例:
- //setCookie是一个设置Cookie的函数
- //c_name参数设置key的值,value设置value的值,expiredays设置多少天后过期
- function setCookie(c_name,value,expiredays){
- varexdate =new Date()
- exdate.setDate(exdate.getDate()+expiredays)
- //判断c_name,value为空时,expires=也为空document.cookie = c_name + "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
- }
读取 cookie:
- function getCookie(name){
- vararr=document.cookie.split('; ');
- for(vari=0;i){
- vararr2=arr[i].split('=');
- if(arr2[0]==name){
- returnarr2[1];
- }
- }
- return'';
- }
删除 cookie 就直接在 setCookie 的基础上,expiredays-1
- function removeCookie(name){
- setCookie(name, 1, -1);
- }
那么在表单交互中如何在表单中保存 cookie 呢?,如下是一个表单:
- 用户名:
- 密码:
将填写好的表单保存为数组赋给 cookie:
- function onSubmit() {
- var finalRes = $(#form1: input).serializeArray().reduce(function(result, item) {
- result[item.name] = item.value;
- return result;
- },
- {})
- // 保存cookie
- var oDate = new Date();
- //设置过期时间为14天后
- oDate.setDate(oDate.getDate() + 14);
- for (x in finalRes) {
- document.cookie = x + ' = ' + finalRes[x] + ';
- expires = ' + oDate;
- }
- }
关于表单交互详细可以看一下推酷的这篇文章:
由 form 表单来说说前后台数据之间的交互
JS 设置读取删除 cookie 及表单交互
来源: http://www.bubuko.com/infodetail-2117144.html