javascript也玩pageLoad

原地址： http://www.cnblogs.com/hanxianlong/archive/2007/09/22/902154.html
前几天跟皱键讨论ASP.NET AJAX的时候，他说在ASP.NET AJAX 下也有pageLoad事件，因为对这个pageLoad没有什么编程经验，所以也就不觉得有什么。不过昨天晚上的一个功能让我感觉到了这个pageLoad功能上的令人感叹之处。

众所周知，ScriptManager是ASP.NET的的一个核心控件，如果一个页面用到了AJAX Extentions控件的话，那么该页面上必须有ScriptManager控件。当页面上出现了异常时，它不会再像普通的2.0的页面那样显示出红黄页（在没有进行任何处理的情况下），而是以alert的方式弹出对话框，告知用户出现了异常。这种弹出对话框的方式一般来说应该也是可以令人接受的，不过，若想得到更高级的用户体验的话，可能就需要我们自己手动再写一些代码了。比如说出现像网易邮箱中当你要清空垃圾邮件箱时的对话框效果，需要我们自己手动再写一些代码来实现在html页面上放置一个隐藏的层，该层用来显示我们的异常信息。

<div id="errorMessage" style="LEFT: -30px; POSITION: relative; TOP: -257px; visibility:hidden">
<div class="title">
操作提示
</div>
<div class="alertTxt">
<span id="errorMessageLabel" runat="server"></span>
</div>
<div>
<input id="Button1" class="btn" type="button" value="OK" onclick="javascript :onOK();
</div>
</div>
</center>

然后，我们就可以利用此层，以及ASP.NET AJAX框架下的JS的pageLoad事件中写关于异常处理的事件了。

<script language="javascript" type="text/javascript">
function pageLoad()
{
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(onEndRequest);
}
function onEndRequest(sender, e)
{
// 异常发生时将对话框显示给用户
if(e.get_error())
{
// 显示自定义对话框
$get("errorMessage").style.display = "block";
$get("errorMessageLabel").innerHTML ="出错了，请重试！<br>" +  e.get_error().description;
// 通知PageRequestManager异常已经处理过
e.set_errorHandled(true);
}
}
function onOK()
{
$get("errorMessage").style.display = "none";
}
</script>

通过以上简单的代码，一个有着良好的用户体验的对话框就完成了。细细想想，这或许可以做为整个网站上所有页面上的公有js文件，将它嵌套到页面中，则每个页面的异常都会以一个良好体验的对话框显示给用户。帅！

允许转载，麻烦注明出处：http://www.cnblogs.com/hanxianlong