使用jQuery调用ASP.NET PageMethod/WebMethod - 返回整个页面

您好！您的问题是关于如何使用jQuery调用ASP.NET PageMethod/WebMethod。

在ASP.NET中，PageMethod和WebMethod是两种不同的方法来实现客户端和服务器端之间的通信。PageMethod是在ASP.NET页面中定义的静态方法，而WebMethod是在ASP.NET Web服务中定义的静态方法。

以下是一个使用jQuery调用ASP.NET PageMethod/WebMethod的示例：

在ASP.NET页面中定义PageMethod：

using System.Web.Services;

public partial class _Default : System.Web.UI.Page
{
    [WebMethod]
    public static string GetDate()
    {
        return DateTime.Now.ToString();
    }
}

在HTML页面中添加jQuery代码来调用PageMethod：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <title></title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script type="text/javascript">
        $(document).ready(function () {
            $("#btnGetDate").click(function () {
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/GetDate",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("#lblDate").text(response.d);
                    },
                    error: function (response) {
                        $("#lblDate").text(response.statusText);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="btnGetDate" runat="server" Text="Get Date" />
        <asp:Label ID="lblDate" runat="server" Text=""></asp:Label>
    </form>
</body>
</html>

在这个示例中，我们定义了一个名为GetDate的PageMethod，它返回当前日期和时间。然后，我们使用jQuery的$.ajax方法来调用这个PageMethod，并将结果显示在一个名为lblDate的标签中。

请注意，我们使用了contentType和dataType属性来指定请求和响应的数据类型。我们还使用了response.d来访问PageMethod的返回值，因为ASP.NET会将返回值包装在一个名为d的属性中。

总之，使用jQuery调用ASP.NET PageMethod/WebMethod是一种简单而有效的方法来实现客户端和服务器端之间的通信。