页面增加Cookie

简介:

JSP页面:

 

 

 

<table>

<tr>

<td>

<div>

<input id="UserID" class="text" type="text" tabindex="1"

placeholder="账号" />

</div></td>

</tr>

<tr>

<td>

<div>

<input id="password" class="text" type="password"

placeholder="密码" tabindex="2" />

</div></td>

</tr>

</table>

 

Js方法:

页面加载完成后执行,从Cookie中获取值,需要引入jquery.js

var   cookieValue   =   "";   

var   search   =   "user=";   

$(document).ready(function() {

 setTimeout('setvalue()',1000//1=1000,这里是3

});

function setvalue(){

if(document.cookie.length   >   0)     {

offset   =   document.cookie.indexOf(search);

if(offset !=  -1){     

offset   +=   search.length;   

end   =   document.cookie.indexOf(";",offset);   

if   (end  ==  -1)   

end   =   document.cookie.length;

//获取cookies里面的值          

cookieValue   =   unescape(document.cookie.substring(offset,end))

if(cookieValue != null){

var str = cookieValue.split("/");


document.getElementById("UserID").value= str[0];

document.getElementById("password").value = str[1]; 

}

}   

}

进行登录操作时,存储信息到Cookie

//UserID,Password为用户名密码

function SetCookie(UserID,Password)//两个参数,一个是cookie的名子,一个是值

{   

    var name = UserID;

    var password = Password;

    var Days = 7; //此 cookie 将被保存 天 

    var exp  = new Date(); //生成一个现在的日期,加上保存期限,然后设置cookie的生存期限!

    exp.setTime(exp.getTime() + Days*24*60*60*1000);

    document.cookie = "user="+ escape(name) + "/" + escape(password) + ";expires=" + exp.toGMTString();

}

//cookies函数--正则表达式(不会,学习正则表达式)  

function getCookie(name)      

{

    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));

    if(arr != nullreturn unescape(arr[2]); 

    return null;

}

删除Cookie

function delCookie()

{

    var name = "admin";

    var exp = new Date();

    exp.setTime(exp.getTime() - 1);

    var cval=getCookie(name);

    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();

}



      本文转自tianjian_0913 51CTO博客,原文链接:http://blog.51cto.com/tianjian/1665998 ,如需转载请自行联系原作者



相关文章
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
87 0
|
8月前
|
存储 缓存 网络协议
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点,GET、POST的区别,Cookie与Session
计算机网络常见面试题(二):浏览器中输入URL返回页面过程、HTTP协议特点、状态码、报文格式,GET、POST的区别,DNS的解析过程、数字证书、Cookie与Session,对称加密和非对称加密
|
11月前
|
数据安全/隐私保护
在某网站的登录页面登录时如果选择“记住用户名”,登录成功后会跳转到一个中间层(页面代码将登录的用户名和密码存在cookie),中间页面中存在一个超链接,单击超链接可以链接到第三个页面查看信息。若选择“
该博客文章通过示例代码和运行结果截图,展示了网站登录过程中如何通过中间层页面使用cookies技术实现“记住用户名”功能,并在点击超链接后查看保存的用户名和密码信息。
在某网站的登录页面登录时如果选择“记住用户名”,登录成功后会跳转到一个中间层(页面代码将登录的用户名和密码存在cookie),中间页面中存在一个超链接,单击超链接可以链接到第三个页面查看信息。若选择“
|
11月前
|
数据安全/隐私保护
|
存储 移动开发 缓存
多个WKWebView页面的cookie不共享问题及解决方案
多个WKWebView页面的cookie不共享问题及解决方案
251 0
|
存储 JavaScript PHP
什么是cookie,如何设置在浏览器页面关闭后清除cookie
什么是cookie,如何设置在浏览器页面关闭后清除cookie
786 0
|
测试技术
Selenium 操作表单元素、行为链、操作Cookie和页面等待
Selenium 操作表单元素、行为链、操作Cookie和页面等待
205 0
|
JavaScript
jquery.cookies 操作不同页面的Cookie
转自http://www.cnblogs.com/amethyst8989/archive/2009/09/02/1558890.html jquery.cookies 的使用心得[仅做自己记忆所用] http://plugins.jquery.com/files/jquery.cookie.js.txt 前段时间用 JQUERY COOKIE,做了一个购物车,在做的过程中,遇到一个问题,在不同页面存Cookie的时候,不是操作的同一个Cookie,以至于cookie里有两个相同的名的存在。
888 0
|
7月前
|
存储 前端开发 Java
【SpringMVC】——Cookie和Session机制
获取URL中参数@PathVarible,上传文件@RequestPart,HttpServerlet(getCookies()方法,getAttribute方法,setAttribute方法,)HttpSession(getAttribute方法),@SessionAttribute
160 11