论坛首页 编程语言技术论坛

局部刷新验证码

浏览 4134 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (9) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-12-10  
其实我一开始的想法也是用updatepanel进行局部刷新,不过后面想了一下动态更改src就OK 了。。。
两种解决方法::
                    <div>
                        <p>
                            <span>请计算 </span><span class="redcolor">
                                <img src="<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx"
                                    align="middle" style="position: inherit" id="Mcode"  />&nbsp; </span><span>看不清? </span>
                            <a href="javascript:RefreshMcode();">换一张</a>
                        </p>
                    </div>

【1】:直接在img属性中:设置onclick事件为:onclick="this.src=this.src+'?'"就ok了。。。
【2】:用js代码实现:
 <script type="text/javascript">
    function RefreshMcode() {
        var num = Math.random();
        var MvefCode = $("#Mcode");
        MvefCode .src = "<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx?" + num ;
    }
</script>

两种方法实质一样:都是动态改变img的src值:
   突然感觉,ajax固然好,但css和js仍然是基础,不能忘记。。
   发表时间:2009-12-19  
直接这样也可以的:

<img src="<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx"  align="middle" style="position: inherit" id="Mcode" onclick="this.src='<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx&rnd='+Math.random();"  />
0 请登录后投票
   发表时间:2009-12-19  
  其实原理一样,只是换汤不换药。。
0 请登录后投票
   发表时间:2010-02-26  
TTLtry 写道
  其实原理一样,只是换汤不换药。。


现在好多都是这样的!
0 请登录后投票
   发表时间:2010-03-29  
其实像这样的功能在脚本语言里面都是一样,原理都是一样的。关键是实现手法上面,看谁更加方便。
0 请登录后投票
   发表时间:2010-04-05  
那也是。痴迷ajax,jquery新技术的学习虽然好,但是也不能因此忽视js基础。
0 请登录后投票
   发表时间:2010-05-31  
使用Jquery是为了让JS代码跟HTML更好的分离,看起来更清晰一点。。修改起来更方便。。。
0 请登录后投票
论坛首页 编程语言技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics