来自 AngularJS 的 HttpPost 调用抛出 500-Internal Server Error

Question

我正在开发一个应用程序，我需要将用户添加到数据库，因此需要 POST 操作。 但是，每次我运行应用程序时，我都会收到 500-Internal Server Error for POST api 调用。

以下是我的代码sn-p。

angular.module('app')
            .constant('userApiRoot', 'http://localhost:82/api/User/');

Service.js

app.factory('userService', [
        'userApiRoot', '$http', '$q', function (apiRoot, $http, $q) {
            'use strict';
            return {

                apiRoot: apiRoot,
                addUser: function (userData) {
                    var def = $q.defer();

                    $http.post(apiRoot + "Add", JSON.stringify(userData))
                        .then(function (response) {
                            def.resolve(response.d`enter code here`ata);
                        }, def.reject);

                    return def.promise;
                }
            };
        }
]);

Controller.js

app.controller('BlogInfoController', ['userService', '$scope', BlogInfoController]);

function BlogInfoController(userService, $scope) {
    'use strict';
    $scope.user = {};

    userService.addUser($scope.user).then(function (data) {
        var userData = data;
    });
}

HTML

<div class="comments-form">
                        <h3 class="title-normal">Leave A Comment</h3>
                        <form role="form" ng-submit="addUser()">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input class="form-control" name="name" id="name" placeholder="Your Name" ng-model="user.Name" type="text" required>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" name="email" id="email" placeholder="Your Mail" ng-model="user.Email" type="email" required>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" placeholder="Your Website" type="text" ng-model="user.Website" required>
                                    </div>
                                </div>
                            </div>

                            <div class="text-right">
                                <button class="btn btn-primary" type="submit">Post Comment</button>
                            </div>
                        </form>
                    </div>

我得到的错误在附加的屏幕截图中。

我已尝试找到解决方案，但没有任何帮助。我在所有浏览器中都遇到相同的错误。

注意 - 使用 postman 等外部客户端调用时，相同的 api 调用可以完美运行。

TIA。

Answer 1

使用

    var config = {headers : {
            "Content-Type": "application/json; charset = utf-8;"
        }
    }; 

并将其传递给

$http.post(apiRoot + "Add", JSON.stringify(userData), config)

因为您将 JSON 数据用于 post 方法并且不提供任何标头。你的邮递员已经包含了这个标题。

Answer 2

感谢所有人为我提供帮助的出色解决方案。最后我自己找到了解决这个问题的方法。有一天它可能会对某人有所帮助。

1. 在将数据传递给 Angular 服务函数时删除了 JSON.stringify。

2. 虽然我已将 ng-submit="addUser()" 添加到我的表单中，但我的控制器中没有可用的相应功能。这是我控制器中的服务调用

   userService.addUser($scope.user).then(function (data) { var userData = 数据； });

改为如下

$scope.addUser = function () {
userService.addUser($scope.user).then(function (data) {
            var userData = data;
        });
}

这些在找到它时看起来很小，但如果不仔细监控，它可能会卡住你一段时间。

感谢大家的帮助。

Answer 3

除了对发布数据进行字符串化，尝试将其作为原始数据发送。像这样：

$http.post(apiRoot + "Add", userData)
     .then(function (response) {
            def.resolve(response.d`enter code here`ata);
     });

Answer 4

也许您应该尝试将数据作为对象发送

...
$http.post(apiRoot + "Add", userData)
...

为什么不直接返回 http 承诺呢？

addUser: function (userData) {                    
                return $http.post(apiRoot + "Add", JSON.stringify(userData))
            }

Answer 5

实际上一切都是正确的，但 API 返回 500.. 检查 API 是否正确。在 C# 端调试。

https://www.lifewire.com/500-internal-server-error-explained-2622938