angularjs http.POST 不包含数据

Question

我刚开始学习 MEAN 堆栈，所以很抱歉这是一个愚蠢的问题。我正在为我自己的项目改编一些教程，并且我已经为书籍数据库制作了一个简单的 REST api。

// add book and return updated list
app.post('/api/books', function(req, res) {
    console.log("New book: ", JSON.stringify(req.body, null, 4));
    Book.create({
        title: req.body.title,
        author: req.body.author,
        pageCount: 100,
    }, function(err, book) {
        if (err)
            res.send(err);

        // get and return updated list
        Book.find(function(err, books) {
            if (err)
                res.send(err);
            res.json(books);
        });
    });
});

我正在尝试使用 angular 来与此交互，如下所示：

$scope.createBook = function() {
    console.log('Trying to create ', $scope.formData);
    $http({ method: 'POST', url: '/api/books', data: $scope.formData}).then(function (response) {
        $scope.formData = {};   // reset form
        console.log('CREATE Success: ', response);
    }, function (error) {
        console.log('CREATE Error: ', error);
    });
};

我从createBook-function 得到的输出是Trying to create – {title: "amazingTitle", author: "amazingAuthor"}，应该是这样，但是API 处理程序的输出是New book: {}，这当然不是我想要的。我意识到这可能不够详细，但我可能会在哪里出错？

Answer 1

原来是 body-parser 设置出错，我只是将应用设置为使用 urlencoded，而不是 json。

Answer 2

JSON.stringify() 你的数据。

参考AngularJS - $http.post send data as json

我的 POST 调用通常采用以下形式：

$http({method: 'POST', url: url, headers: headers, data: JSON.stringify(request)}).then(function(response) {
        var data = response.data;
        // do something
    }, function(error) {
        // do something
    });