使用PageMethods无法调用服务端函数，页面触发异常刷新

你的问题核心在于按钮触发了默认表单提交导致页面刷新，同时可能存在WebMethod特性未正确生效的问题，以下是具体修复步骤：

1. 阻止按钮的默认提交行为 #

ASP.NET页面默认包含<form runat="server">，普通<button>点击时会触发表单提交，直接刷新页面，根本没机会执行AJAX调用。有两种修复方式：

方式一：修改按钮的onclick事件 #

<button id="test" onClick="ButtonClick(this.id); return false;">test</button>

方式二：在JS函数内阻止默认事件 #

function ButtonClick(id, event) {
    event.preventDefault(); // 阻止默认表单提交行为
    PageMethods.ButtonClickMethod(id);
}

对应的按钮调用：

<button id="test" onClick="ButtonClick(this.id, event)">test</button>

2. 确保WebMethod的命名空间引用 #

[WebMethod]特性属于System.Web.Services命名空间，若未引用该命名空间，服务端方法无法被客户端识别调用。在.cs文件中添加引用：

using System.Web.Services;

public partial class TestPage : System.Web.UI.Page
{
   [WebMethod]
   public static void ButtonClickMethod(string id)
   {
       System.Diagnostics.Debug.WriteLine("id = " +id);
   }
}

3. 验证ScriptManager的位置 #

确保ScriptManager控件位于<form runat="server">标签内部，这是ASP.NET AJAX的强制要求：

<form runat="server">
    <asp:ScriptManager ID="ScriptManager" runat="server" EnablePageMethods="true"></asp:ScriptManager>
    <button id="test" onClick="ButtonClick(this.id); return false;">test</button>

    <script>
    function ButtonClick(id) {
        PageMethods.ButtonClickMethod(id);
    }
    </script>
</form>

完成以上调整后，点击按钮将不会触发页面刷新，服务端控制台也会正常输出调试内容。

内容的提问来源于stack exchange，提问作者PIGEXPERT