如何通过$ http从AngularJs（前端）到Grails（服务器端）读取json数据

Question

我必须通过$ http服务方法将JSON数据从Angular发送到Grails。 JSON数据已发送到服务器。 但是在服务器端，它不会显示参数值。 我是Grails的新手。

我的代码：

控制器：

$(function(){

    gateApp.factory('saveCreateToServer', function($http){
        return {
            saveDataToServer:function(taskCreateFormData){
                console.log(taskCreateFormData);

                return $http({
                    method  : 'POST',
                    url     : 'save',
                    data    :  taskCreateFormData, 
                })
            }
         }
    });

    gateApp.controller('moveTaskRuleDefCtrl', function($scope, saveCreateToServer){
        $scope.saveCreate=function() {
            var reqData = angular.toJson($scope.taskCreateForm);
            saveCreateToServer.saveDataToServer(reqData).success(function(data) {
            });
        }
    });
})

在服务器端：

 def save(params){
        println "<<<<<<<<<uu<<<<<<<<<"+params
}

Answer 1

当您使用$http和data键发布数据时，该数据不会作为查询或表单数据发送，而是使用正文参数发送。 因此，您不能使用params来读取它，而只能使用request.JSON ：

def save() {
    Map requestData = request.JSON
    println "Data: " + requestData
    println "Data: " + requestData.firstName
}

另外，您不必将对象转换为JSON字符串，只需传递数据即可：

$http({
    method: "POST",
    url: "/save",
    data: {firstName: "John", lastName: "Doe"}
});

更新作为表单数据传递的数据

是的，您绝对可以这样做，这样就不必更改服务器端代码。 因此，基本上，Angular默认发送Content-Type为application/json数据，因此Grails将其作为request.JSON接收。 因此，只需将其更改为application/x-www-form-urlencoded ：

$http({
    method: "POST",
    url: "/save",
    data: {firstName: "John", lastName: "Doe"},
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    }
});

现在，这些参数将在Grails控制器中作为params提供。