随笔-71  评论-5  文章-0  trackbacks-0
  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标签对象。

posted on 2014-11-14 23:01 藤本蔷薇 阅读(188) 评论(0)  编辑  收藏

只有注册用户登录后才能发表评论。


网站导航: