验证码的cookie实现

JQ的ajax十分方便,最近做两个网站功能都用到了:验证码字符串的获取与用户名检验。


一、验证码字符串的获取

我一开始的思路是服务器生成验证码并存放在session中,客户端利用ajax异步获取,并且校验。问题来了,由于ajax异步获取期间,js的代码已经继续执行,往往无法获取最新的验证码字符串,解决办法是彻底放弃session,在服务器生成验证码字符串的时候就写入客户端cookie中,客户端从本地cookie中获取字符串,解决了异步造成的延时问题。

写入cookie:

<span style="white-space:pre">	</span>public String execute() throws Exception {
		// 获取验证码
		String securityCode = SecurityCodeBean.getSecurityCode();
		imageStream = SecurityImageBean.getImageAsInputStream(securityCode);
		// 放入cookie中
		Cookie cookie = new Cookie("securityCode",securityCode);
		cookie.setMaxAge(60);// 1分钟有效时间
		ServletActionContext.getResponse().addCookie(cookie);
		
		return SUCCESS;
	}

客户端读取:

<span style="white-space:pre">	</span>// 通过cookie获取验证码字符串
<span style="white-space:pre">	</span>function getSecurityCode() {
<span style="white-space:pre">	</span>    // $.getJSON("getSecurityCode?timestamp=" + new Date().getTime(),
	    // function(result) {
	    // securityCode = result.securityCode; });
	    if (document.cookie.length > 0) {
		var c_name = "securityCode";
		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;
			securityCode = unescape(document.cookie.substring(c_start, c_end));
			// alert(securityCode);
		}
	}
}


二、用户名检验

初衷很简单,用户输入用户名后向服务器查找该用户名是否已经被使用(因为项目设计里用户名是唯一的),然而实时验证过程中,再次出现了ajax返回结果与代码执行速度不同步问题,据我了解的一点点资料,可以使用callback函数解决此类问题,然而时间有限,我选择了较为简单的将ajax设置为同步的方法来解决这个问题:

async : false

此方法虽然解决我的问题,但是同步会造成页面的假死,虽然在这个页面里没有出现这个问题。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值