ASP .NET中执行控件（如ImageButton、LinkButton等）命令不刷新页面

ASP .NET中执行控件命令（如ImageButton、LinkButton等）不刷新页面的方案主要有两种：

1. 使用UpdatePanel控件

UpdatePanel控件是ASP .NET中的异步刷新控件，它可以实现部分页面的异步刷新，从而使得页面局部刷新，不需要整个页面重新加载。在这种方式下，执行控件命令不会刷新整个页面，而是只会刷新UpdatePanel中的内容。

以下是一个使用UpdatePanel控件实现控件命令不刷新页面的示例：

<!--引入Ajax库-->
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<!--定义UpdatePanel-->
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <!--放置需要异步更新的内容-->
        <asp:Label ID="Label1" runat="server">这里的内容会异步更新</asp:Label>
        <asp:Button ID="Button1" runat="server" Text="点击按钮" OnClick="Button1_Click" />
    </ContentTemplate>
    <Triggers>
        <!--定义异步更新的触发器-->
        <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>

说明：

• 使用ScriptManager控件引入ASP .NET的Ajax库，这是使用UpdatePanel控件的前提条件。
• 对需要异步更新的内容使用UpdatePanel包装，这里的内容是Label和Button。
• 定义异步更新的触发器，这里使用Button控件的Click事件。

在Button1_Click事件中增加代码：

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click
    Label1.Text = "异步更新的内容"
End Sub

当执行Button1的Click事件时，就会异步更新UpdatePanel中的Label1的内容，不会刷新页面。

1. 使用jQuery异步刷新内容

另一种实现控件命令不刷新页面的方式是使用jQuery的Ajax方法异步加载数据，替换页面中需要更新的内容。

以下是一个使用jQuery异步刷新内容的示例：

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/image.png"/>
<div id="content">这里是初始的内容</div>

<script type="text/javascript">
    // 绑定ImageButton1的点击事件，使用jQuery的Ajax获取新的内容进行更新
    $(function () {
        $('#<%= ImageButton1.ClientID %>').click(function () {
            $.ajax({
                type: "POST",
                url: "Handler.ashx", // 在此处编写获取新内容的代码
                success: function (data) {
                    $('#content').html(data); // 更新content中的内容
                }
            });
            return false; // 阻止ImageButton1的默认提交行为
        });
    });
</script>

说明：

• ImageButton1是需要绑定事件的控件，在这里使用jQuery的$()方法获取控件对象。
• 绑定ImageButton1的点击事件，使用jQuery的Ajax方法获取新的数据。
• 在Ajax请求中处理返回的数据，使用jQuery的html()方法刷新content中的内容。
• 阻止ImageButton1的默认提交行为，使得页面不刷新。

在Handler.ashx中处理Ajax请求，返回新的数据：

public class Handler : IHttpHandler {
    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        // 在这里编写获得新内容的代码
        context.Response.Write("新的内容");
    }
    public bool IsReusable {
        get {
            return false;
        }
    }
}

当点击ImageButton1时，会异步调用Handler.ashx中的代码，在代码中获得新的数据进行返回，并由jQuery的代码更新页面中对应的内容。

以上两种方式均可实现控件命令不刷新页面的效果，根据实际情况选择合适的方案。