asp.net.中ajax实例(示例代码)

温馨提示：这篇文章已超过287天没有更新，请注意相关的内容是否还可用！

ASP.NET中的Ajax（Asynchronous JavaScript and XML）是一种用于在网页上实现异步通信的技术。通过Ajax，可以在不刷新整个网页的情况下，与服务器进行数据交互，从而提升用户体验和页面的响应速度。

在ASP.NET中，可以使用UpdatePanel控件来实现Ajax功能。UpdatePanel控件是一个容器，用于包裹需要进行异步更新的部分。当UpdatePanel内的内容发生改变时，只有该部分会被异步刷新，而不会影响其他部分。

下面是一个简单的ASP.NET页面，其中包含一个UpdatePanel和一个按钮。当按钮被点击时，通过Ajax方式向服务器发送请求，获取当前时间，并将时间显示在页面上。


<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head>
    <title>Ajax Example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#btnRefresh").click(function () {
                $.ajax({
                    url: "GetCurrentTime.aspx",
                    type: "GET",
                    success: function (data) {
                        $("#lblTime").text(data);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Label ID="lblTime" runat="server" Text=""></asp:Label>
                    <br />
                    <asp:Button ID="btnRefresh" runat="server" Text="Refresh" />
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </form>
</body>
</html>

在上述代码中，我们首先引入了jQuery库，用于简化Ajax的操作。然后，在页面加载完成后，通过`$(document).ready()`函数来注册按钮的点击事件。当按钮被点击时，会执行Ajax请求，向服务器的`GetCurrentTime.aspx`页面发送GET请求。

服务器端的`GetCurrentTime.aspx`页面可以返回当前时间的字符串。通过`success`回调函数，我们将返回的时间数据更新到`lblTime`标签中，从而实现了异步更新页面的效果。

通过以上示例，我们可以看到，在ASP.NET中使用Ajax，只需引入相关的JavaScript库，然后通过Ajax函数发送请求，并在回调函数中处理返回的数据，即可实现异步通信。这种方式可以大大提升网页的用户体验和页面的响应速度。

asp.net.中ajax实例(示例代码)

相关阅读