ASP.NET Ajax实现弹出提示框，页面变灰不可点击

最新推荐文章于 2025-08-13 16:43:27 发布

转载最新推荐文章于 2025-08-13 16:43:27 发布 · 1.2k 阅读

文章标签：

#asp.net #ajax #textbox #server #button #div

ASP.NET 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在ASP.NET AJAX中处理异常的方法，通过自定义JavaScript实现弹出对话框显示错误信息，并使背景页面变灰不可操作。示例代码展示了如何设置对话框样式和位置，以及如何在发生错误时调用相应的处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在网上看到一篇文章，讲ASP.NET ajax中的异常处理，有一部分是自定义javascript处理异常。突然想到网易邮箱中，弹出对话框，后边的页面变灰且不可点击的效果。
在网上找了一下，实现方法就是用两个层，一个层用来显示提示信息，一个层用来遮住页面；还有一个办法就是用iframe.两者的不同之处大概就在于iframe可以遮住全部的页面元素，而div则不能遮住下拉列表。

我这个例子使用的div,绝大部分引用了：http://www.cnblogs.com/Terrylee/archive/2006/11/13/Customizing_Error_Handling.html

代码如下：
Default.aspx 前台页面及javascript

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #UpdatePanel1{ width: 200px; height: 50px; border: solid 1px gray; } #AlertDiv{ left: 40%; top: 40%; position: absolute; width: 200px; padding: 12px; border: #000000 1px solid; background-color: white; text-align: left; visibility: hidden; z-index: 99; } #AlertButtons{ position: absolute; right: 5%; bottom: 5%; } </style> </head> <body id="bodytag" style="margin: 0px" mce_style="margin: 0px"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" OnAsyncPostBackError="ScriptManager1_AsyncPostBackError" /> <mce:script type="text/javascript"></mce:script> <div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:TextBox ID="TextBox1" runat="server" Width="30px"></asp:TextBox> /<asp:TextBox ID="TextBox2" runat="server" Width="30px"></asp:TextBox> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Execute" /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </ContentTemplate> </asp:UpdatePanel> <div id="AlertDiv" style="z-index: 20000;" mce_style="z-index: 20000;"> <div id="AlertMessage"> </div> <br /> <div id="AlertButtons"> <input id="OKButton" type="button" value="OK" runat="server" onclick="ClearErrorState()" /> </div> </div> </div> </form> </body> </html>

Default.aspx.cs 后台页面

using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { try { int a = Int32.Parse(TextBox1.Text); int b = Int32.Parse(TextBox2.Text); int res = a / b; Label1.Text = res.ToString(); } catch (Exception ex) { if (TextBox1.Text.Length > 0 && TextBox2.Text.Length > 0) { ex.Data["ExtraInfo"] = " You can't divide " + TextBox1.Text + " by " + TextBox2.Text + "."; } throw ex; } } protected void ScriptManager1_AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e) { if (e.Exception.Data["ExtraInfo"] != null) { ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Message + e.Exception.Data["ExtraInfo"].ToString(); } else { ScriptManager1.AsyncPostBackErrorMessage = "An unspecified error occurred."; } } }

ok!本章到此结束！

文章来源：http://blog.bossma.cn/archives/2008/03/107