局部刷新验证码

最新推荐文章于 2021-06-22 13:49:02 发布

shanxin

最新推荐文章于 2021-06-22 13:49:02 发布

阅读量103

点赞数

分类专栏： Microsoft.Net技术文章标签： jQuery Ajax CSS 脚本 HTML ViewUI

Microsoft.Net技术专栏收录该内容

2 篇文章 0 订阅

订阅专栏

其实我一开始的想法也是用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"  />  </span><span>看不清？ </span>
                            <a href="javascript:RefreshMcode();">换一张</a>
                        </p>
                    </div>

【1】：直接在img属性中：设置onclick事件为：οnclick="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仍然是基础，不能忘记。。