局部刷新验证码

其实我一开始的想法也是用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仍然是基础,不能忘记。。

你可能感兴趣的:(html,jquery,Ajax,css,脚本)