博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

在ASP.NET AJAX中防止用户多次提交页面

Posted on 2009-10-23 16:09  hyd309  阅读(411)  评论(1编辑  收藏  举报
在Web开发程序中,往往由于种种原因,客户会多次操作页面导致数据冗余或不一致, 在ASP.NET AJAX出现之前可以通过对__dopostback()的调用等方法也可以防止页面多次提交。
    在ASP.NET AJAX中的页面客户端中有一个叫onInitializeRequest的事件,它在页面初始化之前触发,可以对页面的提交事件进行控制,并且可以调用该事件参数的中的一个set_cancel方法可以取消页面的提交,从而很简单的实现阻止页面的多次提交。
    具体代码如下:
CODE:
1    var btnSubmit = "<%=btnSubmit.ClientID %>";
2    var prm = Sys.WebForms.PageRequestManager.getInstance();
3    prm.add_initializeRequest(onInitializeRequest);

5   
6    function onInitializeRequest(sender,args)
7    {
8        if(prm.get_isInAsyncPostBack()&&args.get_postBackElement().id == btnSubmit)
9        {
10            args.set_cancel(true);
11            //给用户提示正在处理中
12        }
13        $get(btnSubmit).disabled = true;
14    }

.NET JavaScript AJAX 技术 QQ群:93041040

.NET JavaScript AJAX 技术 QQ群:93041040

.NET JavaScript AJAX 技术 QQ群:93041040

高手云集,欢迎大家加入探讨



将以上代码放在页面中就可以实现阻止多次提交的功能,其中btnSubmit为提交页面的按钮。