使用AJAX实现弹窗报警代码-技术开发专区

使用AJAX实现弹窗报警代码

作者：ITPUB论坛编辑： nancy 2008-03-21 17:50

【IT168技术文档】

在 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();">

这里的关闭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);
}

关注我们