c# – ASP.NET页面不应该在提交时回发整个页面

我有一个带有Submit按钮的ASP.NET页面.当我单击按钮时,我的代码运行,然后页面重新加载/刷新….整个页面被回发.

我必须使用或做什么来阻止页面重新加载？ AJAX？怎么做？

代码示例会很棒！

使用AJAX和不使用AJAX检查以下代码

案例1使用AJAX

在此我们添加了以下控件

1. Script Manager
2. Ajax Update Panel with Trigger and Content Template
3. Button

在这种情况下,您会注意到单击按钮时,更新面板外部的控件将不会更新.这意味着更新面板内的控件将在单击按钮时更新.这意味着完整页面将不会刷新.我希望这符合你的要求….

产量

更新面板外部的日期不会更新,更新面板内的日期只会更新,因为它位于更新面板内,因此不会刷新完整页面.

源代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <%=DateTime.Now %>
        <br />
        <asp:ScriptManager ID="scr" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="Upd" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <%=DateTime.Now %>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btn" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:Button ID="btn" runat="server" Text="Click Me" />
    </div>
    </form>
</body>
</html>

案例2没有AJAX

以下案例还将更新日期,但由于缺少更新面板,此时间页面将完全刷新
<％@ Page Language =“C#”AutoEventWireup =“true”CodeFile =“Default4.aspx.cs”Inherits =“Default4”％>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <%=DateTime.Now %>
        <asp:Button ID="btn" runat="server" Text="Click Me" />
    </div>
    </form>
</body>
</html>

希望本文能帮助您了解快速基础知识

c# – ASP.NET页面不应该在提交时回发整个页面

相关推荐