UpdatePanel 控件,客户端事件生命周期踩坑

<script type="text/javascript" language="javascript">

            Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(function (sender, args)
            {
                window.ClearAllInpuTextField();
                if (sender._activeElement.id == "btnPrint")
                {
                    window.showOnloading("获取快递单号,打印处理中......");
                }
            });

            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

            function EndRequestHandler(sender, args)
            {
                var prm = Sys.WebForms.PageRequestManager.getInstance();
                if (sender._request == null)
                {
                    window.removeload();
                }
                if (args.get_error() != undefined)
                {
                    var errorMessage;
                    if (args.get_response().get_statusCode() == '200')
                    {
                        errorMessage = args.get_error().message;
                    }
                    else
                    {
                        // Error occurred somewhere other than the server page.
                        errorMessage = 'An unspecified error occurred. ';
                    }
                    args.set_errorHandled(true);
                    alert(errorMessage);
                }
            }
    </script>

在更新面板中正常的按钮事件中, 点击开发触发网络请求.beginRequest被触发, 当服务器端返回响应数据时,endRequest被触发. 这是正常的流程.

还有另一种情况发生, 在EndRequest函数中脚本触发了另一次网络请求,这时 beginRequest 被触发, 网络请求开始的同时,endRequest随后也会被触发,但是网络是Pending状态.

也就是说sender._request 请求对象不为空,在请求中,之后服务器返回数据,endRequest又被真正触发,这时 request为null, 也就是

Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()为false.