Web Forms中用Ajax从后端取数时出现Internal Server Error错误

触发服务端报错的根本原因是代码不符合ASP.NET PageMethod的调用规则，具体踩中两个关键坑：

• 目前编写的protected string Getdata()是和页面实例绑定的非静态实例方法，这类方法仅能在页面服务端生命周期内被调用，无法被路由到Bootstrap_Chart.aspx/Getdata独立Ajax端点，框架找不到匹配的无状态可调用方法，直接抛出500级别的服务端错误。
• 就算方法可被访问，没有给目标方法加上[WebMethod]特性，框架也不会将其注册为支持前端Ajax跨请求调用的服务接口。

完整修正方案 #

1. 调整后端C#代码 #

供前端Ajax直接调用的PageMethod必须满足两个硬性要求：方法修饰符为public static，标注[WebMethod]特性。

// 后置代码顶部引入WebMethod所在命名空间
using System.Web.Services;

public partial class Bootstrap_Chart : System.Web.UI.Page
{
    [WebMethod]
    public static string Getdata()
    {
        string Name = "Pradeep";
        return Name;
    }
}

注意：静态方法没有页面实例上下文，禁止在方法内直接访问页面服务器控件（比如TextBox1.Text），否则会触发空引用异常，同样会引发500错误。

2. 修正前端Ajax取值逻辑 #

ASP.NET序列化WebMethod返回值时，会将所有返回内容统一包裹在res.d属性下。原代码中alert(res.Name)的取值逻辑完全错误——后端返回的本身就是"Pradeep"这个字符串，不存在嵌套的Name属性。
修正后的前端代码：

$(document).ready(function () {
    $('#Btn_Show').click(function () {
        $.ajax({
            type: "POST",
            url: "Bootstrap_Chart.aspx/Getdata",
            data: "{}",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (res) {
                // 直接读取res.d即可拿到后端返回的字符串
                alert(res.d);
            },
            error: function (xhr, status, error) {
                // 控制台输出服务端完整错误报文，快速定位具体异常
                console.log(xhr.responseText);
                alert('Error: ' + error);
            }
        })
    })
})

高频排查点 #

如果修正后仍出现500错误，可逐一核对：

• 检查Web.config中system.web/pages节点的enablePageMethods属性，确认没有被手动设置为false——该属性默认开启，被关闭后所有PageMethod端点将无法被访问。
• 确认Ajax请求的data参数严格匹配空JSON对象格式"{}"，不要直接传JS对象{}或者额外增加无对应后端参数的字段。
• 排查阶段不要仅依赖error回调的模糊报错文本，输出xhr.responseText到控制台可以直接拿到服务端抛出的异常堆栈，大幅降低排查成本。

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