使用js局部刷新验证码

般java验证码的做法是在页面中加上一个img标签，src属性设为一个servlet来请求验证码图片，代码如下:

Html代码

1. <img src="AuthCodeServlet" οnclick="refresh(this)"/>

<img src="AuthCodeServlet" οnclick="refresh(this)"/>

在一般情况下刷新一次页面，验证码图片也会变化一次，但有时候我们希望验证码图片变化时不刷新整个页面，也就是局部刷新的效果，so easy,代码如下：

Js代码

1. <script type="text/javascript">
2. function refresh(obj){
3. obj.src="AuthCodeServlet?id="+Math.random();
4. }
5. </script>

<script type="text/javascript"> function refresh(obj){ obj.src="AuthCodeServlet?id="+Math.random(); } </script>

其中需要注意的是请求路径中必须要有参数（参数名可随意定义），参数值不能是一个固定值而是随机数。

代码中obj对象是指img标签对象。