AngularJS向API提交数据时出现500内部服务器错误求助

看起来你在尝试用AngularJS提交数据到后端API保存时遇到了500内部服务器错误，我帮你梳理下问题点和可行的解决方案：

核心问题分析 #

从你贴的代码来看，有几个关键问题会直接导致这个错误：

1. 前后端数据格式不匹配 #

你的前端代码里，$scope.setup是一个数组（通过$scope.setup.push(...)往里面加数据），但后端API的save方法接收的是单个Doctorssetup对象：

public HttpResponseMessage save ([FromBody]Doctorssetup setup)

当Angular把数组传给API时，后端无法将数组绑定到单个对象上，直接引发模型绑定失败，进而触发500错误。

2. SQL语句的安全风险与语法隐患 #

你用string.Format拼接SQL语句，这不仅存在严重的SQL注入安全问题，还可能因为某个参数为空、包含特殊字符（比如单引号）导致SQL语法错误，这也是500错误的常见诱因。

3. 缺乏错误捕获与日志 #

后端代码没有任何异常捕获逻辑，一旦SQL执行出错，只会返回模糊的500错误；前端也只打印了简单的错误提示，完全没办法定位具体问题。

针对性解决方案 #

前端代码修正（单条数据提交场景） #

如果只是提交单条数据，不需要把数据放到数组里，直接创建单个对象传给Doctorssetup.save()即可：

$scope.save = function () {
  // 创建单条数据对象，而非往数组里push
  const saveData = { 
    "Spec_Code": $scope.spec,
    "Medical_CTG": $scope.deg,
    "Doctor_Code": $scope.st,
    "Main_Serv": $scope.stypecode,
    "Serv_Group": $scope.sgroupcode,
    "Sub_Serv": $scope.sub,
    "Pat_Type": $scope.patype,
    "Calc_Type": $scope.calcs,
    "Calc_From": $scope.rfrom,
    "Calc_Val": $scope.calcvalue,
    "STAFF_TYPE": $scope.stafftype,
    "pricelist": $scope.selectedpricelist 
  };

  var promisePost = Doctorssetup.save(saveData);
  promisePost.then(function (pl) {
    console.log("保存成功");
    // 这里可以添加成功后的逻辑，比如清空表单、提示用户等
  }, function (err) {
    // 打印更详细的错误信息，方便排查
    console.log("保存失败详情: ", err.data || err.statusText); 
  });
}

如果确实需要批量提交多条数据，那后端要修改参数类型为集合/数组。

后端代码修正 #

单条数据接收场景

保持接收单个对象，但添加异常捕获，同时改用参数化查询避免风险：

public HttpResponseMessage save([FromBody]Doctorssetup setup)
{
    try
    {
        // 参数化SQL，避免注入和语法错误
        string sql = @"INSERT INTO Doctor_Cont_Det 
                      (Spec_Code,Medical_CTG,Doctor_Code,Main_Serv,Serv_Group,Sub_Serv, Pat_Type,Calc_Type,Calc_From,Calc_Val,Sys_Date,STAFF_TYPE,pricelist) 
                      VALUES (@Spec_Code, @Medical_CTG, @Doctor_Code, @Main_Serv, @Serv_Group, @Sub_Serv, @Pat_Type, @Calc_Type, @Calc_From, @Calc_Val, @Sys_Date, @STAFF_TYPE, @pricelist)";
        
        // 构造参数集合
        var parameters = new SqlParameter[]
        {
            new SqlParameter("@Spec_Code", setup.Spec_Code),
            new SqlParameter("@Medical_CTG", setup.Medical_CTG),
            new SqlParameter("@Doctor_Code", setup.Doctor_Code),
            new SqlParameter("@Main_Serv", setup.Main_Serv),
            new SqlParameter("@Serv_Group", setup.Serv_Group),
            new SqlParameter("@Sub_Serv", setup.Sub_Serv),
            new SqlParameter("@Pat_Type", setup.Pat_Type),
            new SqlParameter("@Calc_Type", setup.Calc_Type),
            new SqlParameter("@Calc_From", setup.Calc_From),
            new SqlParameter("@Calc_Val", setup.Calc_Val),
            new SqlParameter("@Sys_Date", DateTime.Now),
            new SqlParameter("@STAFF_TYPE", setup.STAFF_TYPE),
            new SqlParameter("@pricelist", setup.pricelist)
        };
        
        obj.ExecNonQuery(sql, parameters);
        
        return Request.CreateResponse(HttpStatusCode.Created);
    }
    catch (Exception ex)
    {
        // 返回具体错误信息，方便前端排查
        return Request.CreateErrorResponse(HttpStatusCode.InternalServerError, ex.Message);
    }
}

批量数据接收场景

如果要支持批量提交，后端修改参数为集合类型：

public HttpResponseMessage save([FromBody]List<Doctorssetup> setupList)
{
    try
    {
        foreach(var setup in setupList)
        {
            // 执行参数化插入操作（代码同上）
        }
        return Request.CreateResponse(HttpStatusCode.Created);
    }
    catch(Exception ex)
    {
        return Request.CreateErrorResponse(HttpStatusCode.InternalServerError, ex.Message);
    }
}

此时前端直接把$scope.setup数组传给save方法即可。

调试小技巧 #

1. 查看服务器日志：去API服务器上看详细的应用程序日志或IIS日志，能直接看到500错误的具体触发原因。
2. 用Postman测试API：手动构造正确格式的JSON数据直接调用API，验证接口本身是否能正常工作。
3. 前端打印完整错误：在错误回调里打印err.data，如果后端返回了错误详情，这里能直接看到。

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