注册登录

ASP.NET 2.0中实现弹窗报警提示

时间:2016-02-24 12:27 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【ASP.NET 2.0中实现弹窗报警提示】，下面是详细的分享！

ASP.NET 2.0中实现弹窗报警提示

在 web应用中，比如OA中，经常要用到一些提示，比如EMAIL到达了，就做个象MSN那样的提示框，弹出给用户提示，然后再关闭。在asp.net 2.0的ajax中，这个现在不难做到了，刚好看到老外的一篇文章，讲解到，下面小结

比如有个数据库表，是存放EMAIL的，当数据库表中的EMAIL一有的时候，就提示用户，首先简单写一个WEBSERVICE如下

以下为引用的内容：
[ScriptService]
public class InboxService : System.Web.Services.WebService
{
    [WebMethod]
    public int GetLatestNumberOfEmails()
    {
        int numberOfEmails=0;
        using (SqlConnection conn=new SqlConnection(WebConfigurationManager.ConnectionStrings[0].ConnectionString))
        {
            using (SqlCommand cmd=new SqlCommand("GetLatestNumberOfEmails", conn))
            {
                cmd.CommandType=CommandType.StoredProcedure;
                conn.Open();
                numberOfEmails=(int)cmd.ExecuteScalar();
            }
        }
        return numberOfEmails;
    }
}

这里要注意要在客户端通过AJAX调用WEBSERICE，要加上[ScriptService]

2 在default.aspx中，首先加入一个updateprogress控件，如下

以下为引用的内容：
<asp:UpdateProgress DynamicLayout="False" ID="UpdateProgress1" runat="server">
    <ProgressTemplate>
        <div id="modal" class="modal">
            <div class="modalTop">
                <div class="modalTitle">My Inbox</div>
                <span style="CURSOR: hand" onclick="javascript:HidePopup();">
                 <img alt="Hide Popup" src=http://www.chinaz.com/program/2007/0713/"App_Themes/Default/images/close_vista.gif" border="0" />
             </span>
         </div>
            <div class="modalBody">
                You received <strong><span id="modalBody"></span></strong> Email(s).
            </div>
        </div>
    </ProgressTemplate>
    </asp:UpdateProgress>

这里的关闭X按钮，调用javascript的脚本，等阵再说

然后当然要加scriptmanager控件了，如下

以下为引用的内容：

<asp:ScriptManager ID="ScriptManager1" runat="server">
            <Services>
                <asp:ServiceReference Path="~/InboxService.asmx" />
            </Services>
        </asp:ScriptManager>

这里调用了我们刚才写的webservice

之后是写script了

以下为引用的内容：
<script type="text/javascript">
            var numberOfEmails_original=0;

            var app=Sys.Application;
            app.add_init(applicationInitHandler);

            function applicationInitHandler(sender, args) {
                InboxService.GetLatestNumberOfEmails(OnCurrentNumberOfEmailsReady);
      }

首先，默认的当然是0封邮件了，有变量来存放当前邮件数量，之后是在ajax中的初始化事件中调用webserice的方法了，并且回调OnCurrentNumberOfEmailsReady方法，

以下为引用的内容：
     function OnCurrentNumberOfEmailsReady(result, userContext, methodName) {
                numberOfEmails_original=result;
                // Start Checking
                StartChecking();
            }

OnCurrentNumberOfEmailsReady方法将WEBSERVICE调用的结果（当前状态下有多少封信RESULT）返回给变量，然后调用sartchecking()方法

      function StartChecking() {
          InboxService.GetLatestNumberOfEmails(OnLastestNumberOfEmailsReady);
      }

startchecking方法，继续回调OnLastestNumberOfEmailsReady方法

            function OnLastestNumberOfEmailsReady(result, userContext, methodName) {
                var numberOfEmails_new=result;
                if (numberOfEmails_new > numberOfEmails_original) {
                    ShowPopup();
                    $get("modalBody").innerHTML=numberOfEmails_new - numberOfEmails_original;

                    // Update the count here
                    numberOfEmails_original=numberOfEmails_new;
                }
                // Start checking again
                window.setTimeout(StartChecking, 10000);
            }

这个方法，用当前邮件数-原来邮件数，就得出新增了多少封邮件了，再将结果赋值给显示区域的modalbody，并且记得把当前邮件数量的,变量更新哦（numberOfEmails_original=numberOfEmails_new;）

然后再用setimeout来设置每隔10000毫秒检查一次了

以下为引用的内容：

            function ShowPopup() {
                $get("UpdateProgress1").style.visibility="visible";
                $get("UpdateProgress1").style.display="block";
            }
            function HidePopup() {
                $get("UpdateProgress1").style.visibility="hidden";
                $get("UpdateProgress1").style.display="none";
            }
        </script>

以上所分享的是关于ASP.NET 2.0中实现弹窗报警提示，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：asp.net 中弹出提示框代码怎么写

　　答：Response.Write("alert('此处写你需要提示的文字')"); >>详细

　　相关问题：asp.net中弹出提醒窗口,待点击确定后自动跳转到指...

　　答：第一句往网页里加了句js代码，但第二句马上也执行了，立马跳转了。改成：Response.Write("alert('您还没有登录,请先登录');window.location = 'login.aspx';"); 没测试，有可能属性名写错了，但肯定是用js来跳转的。 >>详细

　　相关问题：ASP.NET中弹出消息框的几种方法

　　答：在ASP.NET网站开发中，经常需要使用到alert消息框，尤其是在提交网页的时候，往往需要在服务器端对数据进行检验，并给出提示或警告。这里，仅介绍几种不同的实现方法。1、众所周知的方法是采用如下代码来实现：Response.Write("alert('弹出的消... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

ASP.NET 2.0中实现弹窗报警提示

ASP.NET 2.0中实现弹窗报警提示

以上所分享的是关于ASP.NET 2.0中实现弹窗报警提示，下面是编辑为你推荐的有价值的用户互动：

最新教程

相关教程