AJAX 实现动态刷新验证码

前段时间做东西的时候与到一个问题，就是登陆界面的验证码刷新。

登录界面验证码怎么实现？

    只需要定义一个<img  src="CodeServlet"/>  , 将图片的src指定为一个验证码的servlet即可

接下来介绍如何实现动态刷新验证码！

//Ajax验证码局部刷新

    var xmlhttp;

    function refreshCode() {
        xmlhttp = new XMLHttpRequest;
        xmlhttp.open("get", "CodeServlet", true);
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4) {
                if (xmlhttp.status == 200) {
                    document.getElementById("imgid").src = "CodeServlet?time="
                            + new Date().getTime();
                }
            }
        };
        xmlhttp.send(null);
    }

当然，验证码的刷新要有触发事件，除了输入错误之后的刷新，点击“看不清”  或者  “换一张”  触发该异步事件，即可完整验证码的动态刷新。