Ajax返回母版页HTML而非目标方法返回值的问题解决

当前ASP.NET WebForms页面使用母版页，通过Ajax调用后台SaveForm方法时，返回的是母版页完整HTML内容，而非方法生成的JSON结果。相关代码如下：

客户端代码 #

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Page1.aspx.cs" Inherits="Page1"
    MasterPageFile="~/MasterPage.master" EnableEventValidation="false" %>

<script>
function saveForm() {
    
    let formData = new FormData();
    formData.append("name", "john");

    $.ajax({
        type: "POST",
        url: 'Page1.aspx?method=SaveForm',
        data: formData,
        contentType: false,
        processData: false,
        cache: false,
        success: onSuccessSaveForm,
        failure: function (response) {
            alert(response.d);
        },
        error: function (response) {
            alert(response.d);
        }
    });
}
</script>

服务端代码 #

public partial class Page1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.QueryString["method"] != string.Empty && Request.QueryString["method"] != null)
        {
            Type thisType = this.GetType();
            MethodInfo theMethod = thisType.GetMethod(Request.QueryString["method"]);
            theMethod.Invoke(this, null);
        }
    }
}

public string SaveForm()
{
    Result result = new Result();
    // ... 业务逻辑代码
    return JsonConvert.SerializeObject(result); // 期望返回此JSON结果
}

现象对比 #

• 预期：执行方法后直接返回JSON结果给Ajax请求
• 实际：页面继续执行母版页的Page_Load，最终返回完整HTML内容

要实现类似[WebMethod]的效果（不触发母版页加载、直接返回方法结果），有两种可行方案：

方案1：使用[WebMethod]特性（推荐） #

这是ASP.NET WebForms中处理Ajax请求的标准方式，无需手动处理页面生命周期：

服务端修改 #

将SaveForm方法移至Page类内部，标记为静态并添加WebMethod特性：

public partial class Page1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 移除原有的反射调用逻辑
    }

    [System.Web.Services.WebMethod]
    public static string SaveForm(string name)
    {
        Result result = new Result();
        // ... 业务逻辑代码
        return JsonConvert.SerializeObject(result);
    }
}

• 若需访问请求上下文，可通过HttpContext.Current获取当前请求、会话等信息。

客户端修改 #

调整Ajax请求参数，适配WebMethod的请求格式：

function saveForm() {
    $.ajax({
        type: "POST",
        url: 'Page1.aspx/SaveForm',
        data: JSON.stringify({ name: "john" }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            // WebMethod返回的结果会被包装在response.d中
            onSuccessSaveForm(response.d);
        },
        failure: function (response) {
            alert(response.d);
        },
        error: function (response) {
            alert(response.responseText);
        }
    });
}

此方式会直接触发WebMethod，跳过完整页面生命周期，母版页不会加载，仅返回JSON结果。

方案2：手动终止页面响应（不推荐） #

如果坚持使用原有的反射调用逻辑，可在方法执行后直接输出结果并终止响应，阻止后续页面渲染：

服务端修改Page_Load方法 #

protected void Page_Load(object sender, EventArgs e)
{
    string methodName = Request.QueryString["method"];
    if (!string.IsNullOrEmpty(methodName))
    {
        Type thisType = this.GetType();
        MethodInfo theMethod = thisType.GetMethod(methodName);
        if (theMethod != null)
        {
            string result = (string)theMethod.Invoke(this, null);
            // 设置响应类型为JSON
            Response.ContentType = "application/json; charset=utf-8";
            // 输出方法返回的结果
            Response.Write(result);
            // 立即终止响应，阻止母版页及页面后续渲染
            Response.End();
        }
    }
}

• 调用Response.End()会直接终止请求处理，页面和母版页的后续生命周期事件不会执行，也就不会输出HTML内容。
• 注意：Response.End()会抛出ThreadAbortException，若有全局异常处理逻辑需注意捕获该异常。

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