日期:2014-05-16  浏览次数:20393 次

Java验证码通过js简单实现局部刷新效果

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

?

<img src="AuthCodeServlet" onclick="refresh(this)"/>
?

?

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

?

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

?

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

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