UpdatePanel实现局部更新并在后台根据条件弹出窗口示例

最新推荐文章于 2019-06-01 22:34:29 发布

原创最新推荐文章于 2019-06-01 22:34:29 发布 · 1.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#textbox #button #server #asp #triggers

ajax 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用ASP.NET AJAX实现的简单示例，包括如何通过按钮点击事件更新页面内容而不进行刷新，以及如何在输入框为空时弹出警告对话框。

特别提示(经验):不能使用response.write输出否则报错.你可以使用response.redirect("ynkmit.html?id=1")进行页面跳转,根据参数不同而提示不同的信息并返回.这一功能用在用户长期未操作session过期,需要提示用户需要重要登陆时特别有用.

Default.aspx例

<%@ 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>
</head>
<body>
    <form id="form1" runat="server">
    <script language="javascript" type="text/javascript">

    </script>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:TextBox ID="TextBox1" runat="server" Width="389px"></asp:TextBox>
                </ContentTemplate>
                <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Button1" />
                <asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" />
                </Triggers>
            </asp:UpdatePanel>
        </div>
        <asp:Button ID="Button1" runat="server" Text="取当前时间" OnClick="Button1_Click" />
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="填入信息" />
    </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 GetServerTime()
    {
        TextBox1.Text = System.DateTime.Now.ToString();
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        TextBox1.Text = System.DateTime.Now.ToString();
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        string sum = TextBox1.Text;
        if (sum.Trim() == "")
        {
            ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "click", "alert('现在输入控件中无数据！')", true);
        }
        else
        {
            ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "click", "alert('输入框中的数据["+sum+"]将被替代！')", true);
        }
        TextBox1.Text = "中央电视台";

    }
}