使用AngularJS在C#中添加记录时出现POST 500内部服务器错误

我来帮你拆解并解决这个问题，你的核心困扰有两个：POST请求返回500内部服务器错误，改成GET后无错误但数据根本没插入。咱们一步步来搞定：

一、POST 500错误的核心原因：参数拼写不匹配 #

仔细对比你的前端请求参数和后台WebMethod的参数，就能发现致命的小错误：

• 前端POST的数据里写的是 intAsssignedTo（注意这里是三个s：AsssignedTo）
• 后台WebMethod的参数是 intAssignedTo（两个s：AssignedTo）

ASP.NET WebMethod是严格按照参数名来绑定请求数据的，名字不匹配会直接导致服务器无法解析参数，触发500错误。这就是问题的根源！

修正前端代码： #

把请求数据里的intAsssignedTo改成intAssignedTo，和后台参数名完全一致，同时建议显式指定Content-Type避免解析问题：

var req = {
    method: 'POST',
    url: 'ActionList.aspx/AddAction',
    headers: {
        'Content-Type': 'application/json;charset=utf-8'
    },
    data: { strAction: $scope.mdlAction, intCategory: $scope.mdlCategory, intAssignedTo: $scope.mdlAssignedTo }
}

二、GET请求无错误但未插入数据的原因 #

ASP.NET的[WebMethod]默认只接受POST请求，哪怕你把前端请求改成GET，后台的AddAction方法根本不会被执行，自然不会有数据插入。如果非要用GET（非常不推荐用GET处理插入操作，不符合HTTP语义），需要在[ScriptMethod]里添加UseHttpGet=true：

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = true)]
public static string AddAction(String strAction, int intCategory, int intAssignedTo)
{
    // 原代码保持不变
}

但还是强烈建议用POST来处理数据插入，既符合规范，也能避免GET请求的参数长度限制等问题。

三、其他优化建议 #

1. 替换废弃的$http方法：AngularJS 1.6+已经废弃了success和error方法，建议改用then和catch，兼容性更好：

$http(req).then(function (response) {
    var result = angular.fromJson(response.data.d);
    alert('success');
    // $scope.EventsList = result.Events;
    // $scope.Pages = result.Pages;
}).catch(function (error) {
    alert('error');
    console.log('error: Could not add the action', error);
});

2. strDueDate的后续处理：如果你之后要加入截止日期参数，只需要在前端请求数据里添加strDueDate: $scope.dtDueDate，然后在后台WebMethod、数据访问层和存储过程中对应添加参数即可。

3. 更高效的异常排查：如果还是遇到500错误，可以在前端的catch块里打印后台返回的错误详情，比如：

.catch(function (error) {
    alert('错误详情: ' + error.data.errormsg);
    console.log('完整错误信息:', error.data);
});

这样能直接看到后台抛出的具体异常，快速定位问题。

验证步骤 #

1. 修正前端参数拼写错误后，用POST请求测试。
2. 打开浏览器开发者工具（F12），查看Network面板，确认请求的参数是否正确，以及响应的具体内容。
3. 如果仍然有问题，检查存储过程AddAction是否正确接收参数并执行插入逻辑。

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