angularjs - 如何在 Angular/Node 应用程序中正确发送和接收表单数据

Question

我正在编写一个基于mean.js样板的应用程序

我的 Angular View 中有一个表单，需要发送一些表单数据:

 <form name="form" ng-submit="postUpdate()">
                <div class="form-group">
                    <fieldset>
                        <legend><strong>Salesforce Opportunity</strong> </legend>
                        <div class="col-sm-6">
                            <label for="opportunityId">Opportunity ID</label>
                            <input id="kw" name="opportunityId" type="text" placeholder="kw" class="form-control" ng-model="kwRequired"/>
......

在我的 Angular Controller 中，我有这个:

$scope.postUpdate = function(){
            var posturl = '/salesforce_update';
            console.log('kwRequired  ' + $scope.kwRequired);
            var postData = {kw: $scope.kwRequired};
            $http.post(posturl,postData);
        }

然后，在我的服务器 Node/快速代码中，我有这个处理程序:

....

app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false }));
......


app.post('/salesforce_update', function(req, res){
        console.log('Salesforce update Request Received');
        console.log('_parsedUrl.query:  ' + req.body.kw);
    });

我确实很好地将请求发送到服务器端，但是，经过检查，请求正文是空的。

我错过了什么？

Answer 1

您需要使用 angular.toJson 方法，如下所示:

$scope.postUpdate = function(){
    console.log('kwRequired  ' + $scope.kwRequired);
    var postData = {kw: $scope.kwRequired};
    var json = angular.toJson(postData); 
    $http.post('/salesforce_update', json);
}

还要确保在 app.post('/salesforce_update', function 的定义之前定义 app.use(bodyParser.json()); 之前 ....