<div
class="vcode">
<h2>验证码</h2>
<input
class="vcode-box" id="verifycode">
<img src="/servelt/image22" alt="yanzhengma" id="code" >
<small><a href="JavaScript:refresh();" >换一张</a></small>
</div>
<script type="text/javascript">
function refresh(){
document.getElementById('code').src="/servelt/image22?id="+Math.random();
}
function submit(){
var title=$("#title").val();
var title=$("#content").val();
var title=$("#phone").val();
var title=$("#verifycode").val();
$.ajax({
})
}
</script>
<img src="AuthCodeServlet" onclick="refresh(this)"/>
在一般情况下刷新一次页面，验证码图片也会变化一次，但有时候我们希望验证码图片变化时不刷新整个页面，也就是局部刷新的效果，so easy,代码如下：
Js代码
- <script type="text/javascript">
- function refresh(obj){
- obj.src="AuthCodeServlet?id="+Math.random();
- }
- </script>
其中需要注意的是请求路径中必须要有参数（参数名可随意定义），参数值不能是一个固定值而是随机数。
代码中obj对象是指img标签对象。
posted on 2014-11-14 23:01
藤本蔷薇 阅读(196)
评论(0) 编辑 收藏