Question

我用jsp做了一个登录界面,用另一个jsp做了验证码，放在第一个界面当中怎么才能刷新验证码

//image.jsp为生成验证码
<script language="javascript" type="text/javascript">
function href()
{

var getimagecode=document.getElementById("Image1");
getimagecode.src= "image.jsp";
}
</script>

<a onclick="href()" title="看不清？点击图片试试" style="vertical-align: bottom;">

<script language="javascript" type="text/javascript">
document.write("<IMG id=Image1 width='45' height='17' style='vertical-align: bottom;' border=0 src=image.jsp>");
</script>

</a>

Answer 1

获取验证码时不用写在js里面，你可以这样写就能刷新验证码了
<img src="image.jsp" style="cursor:pointer" onclick="this.src='code.jsp?t1='+Math.random()" title="看不清？点击图片试试">
其中这句onclick="this.src='code.jsp?t1='+Math.random()" 就是起到刷新作用

追问

?t1='+Math.random()" 这起的是什么做用呀请说的详细一点这是怎么一个原理
不行呀！！提示错误

Answer 2

还少了点，就是要带上参数！如：
getimagecode.src= "image.jsp"+Math.random();
这样才会重新加载image.jsp页面，有什么不懂得问我！

追问

这是怎么一个原理呀

追答

这是写验证码的规定！是为了避免客户端页面缓存机制的作用，因为如果每次都是请求同一个页面，此时客户端浏览器会调用缓存中的页面，而如果你每次都附加一个不同随机数给url，那么客户端会以为是新的页面，从而会向服务器请求

Answer 3

修改成:
<a title="看不清？点击图片试试" style="vertical-align: bottom;">
<script language="javascript" type="text/javascript">
document.write("<IMG id=Image1 width='45' height='17' style='vertical-align: bottom;' border=0 src=image.jsp onclick='this.src=image.jsp?t=' + new Date()>");
</script>

或者直接修改成:
function href()
{
var getimagecode=document.getElementById("Image1");
getimagecode.src= "image.jsp?t=" + new Data();
return false;
}

Answer 4

楼主请参考我的日志 http://blog.163.com/liufei_yj/blog/static/193871042201173132935630/