验证码局部刷新，先马着（copy）

验证码局部刷新，先马着（copy）

1.       <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代码

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

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

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