验证码的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

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