Http Post Angularjs通过Web API导致内部服务器错误

Question

我正在通过 web API 从 angularjs 进行简单的 http post insert 操作。但我不知道为什么我不断收到内部服务器错误。 http GET 功能工作正常。但是对于 http 帖子，数据已通过 WebAPI 成功插入数据库，但未收到来自服务的响应。收到内部服务器错误 500。

WebAPI

 // POST: api/Website/InsertEmployee
[ResponseType(typeof(Employee))]
[HttpPost]
public IHttpActionResult InsertEmployee(Employee employee)
{
    if (!ModelState.IsValid)
    {
        return BadRequest(ModelState);
    }

    objCSADBEntities.Employee.Add(employee);
    objCSADBEntities.SaveChanges();

    return CreatedAtRoute("DefaultApi", new { id = employee.EmployeeID }, employee);
}

Angularjs 服务

(function () {

    var app = angular.module('myApp');

    app.factory('websiteService', ['$http', function ($http) {
        var factory = [];

        factory.insertEmployee = function (webAPIHostName,employee) {
            var request = $http({
                method: 'POST',
                url: webAPIHostName + '/Website/InsertEmployee',
                data: employee
            })
            return request;
        }

        return factory;
    }
   ]);
})();

Angularjs 控制器（在那里调用服务我收到内部服务器错误 500）

var employee = {
    EmployeeID: 1,
    Name: 'Test',
    Phone: '111-111-1111'
};

var insertEmployee = websiteService.insertEmployee($scope.webAPIHostName , employee);
insertEmployee.then(function (response) {
    alert("Submitted Employee Successfully.");
    //success response here
}, function (error) {
    // error handling here
});

Answer 1

您能否使用 fiddler 或 postman 验证您的 API 调用是否返回了您期望的结果？一旦您可以验证 WebAPI 正在返回有效的 HttpStatus（200 到

内容类型：application/json

如果您的响应不是您所期望的，请尝试从

更改您的 API 返回

return CreatedAtRoute("DefaultApi", new { id = employee.EmployeeID }, employee);

到

return Request.CreateResponse(HttpStatusCode.OK, employee);

如果您可以验证您的 POST 是否按预期工作，请检查您的 angularjs。

对于 Angularjs，你的 http 调用可以更新为

angular.module('myApp').factory('websiteService', ['$http', function ($http) {            
    var insertEmployee;

    insertEmployee = function (webAPIHostName, employee) {            
        return $http.post(webAPIHostName + '/Website/InsertEmployee', JSON.stringify(employee));
    }

    return {
        insertEmployee: insertEmployee
    };
}]);



// Angular Controller

var employee = {
    EmployeeID: 1,
    Name: 'Test',
    Phone: '111-111-1111'
};

websiteService.insertEmployee($scope.webAPIHostName , employee)
    .then(function (response) {
        alert("Submitted Employee Successfully.");
        //success response here
      }, function (error) {
        // error handling here
    });