javascript - 我无法将数据从 AngularJS 发送到 Spring MVC Controller

Question

如何将表单值传递到 Angular 脚本，以及从脚本传递到 Spring MVC Controller 。下面我编写了表单数据无法发送 Controller 的代码

脚本

<script type="text/javascript">
var app = angular.module('formSubmit', []);

app.controller('FormSubmitController',[ '$scope', '$http', function($scope, $http) {

    $scope.list = [];
        $scope.headerText = 'AngularJS Post Form Spring MVC example: Submit below form';
        $scope.formData = {};
        $scope.submit = function() {

             var formData = {
                     "name" : $scope.name,
                     "salary" : $scope.salary,
                     "designation" : $scope.designation,
             };                                          

             var response = $http.post('submitmock',{ Emp: formData}); //passing Emp
                response.success(function(data, status, headers, config) {
                    $scope.list.push(data);
                });         


                response.error(function(data, status, headers, config) {
                    alert("Exception details: " + JSON.stringify({
                        data: $scope.formData //used formData model here
                    }));
                });

            //Empty list data after process
            $scope.list = [];

        };
    }]);

Spring MVC Controller

  @RequestMapping(value = "submitmock", method = RequestMethod.POST)
public @ResponseBody Emp getMock(@RequestBody Emp Emp)  
{   
    serviceInD.savedata(Emp);
    return Emp;
}

Answer 1

也许您需要在 Spring MVC 中允许跨源

像这样:

@CrossOrigin
@RequestMapping(value = "submitmock", method = RequestMethod.POST)
public @ResponseBody Emp getMock(@RequestBody Emp Emp)  
{   
    serviceInD.savedata(Emp);
    return Emp;
}

您可以引用 spring 指南: https://docs.spring.io/spring/docs/current/spring-framework-reference/web.html#mvc-cors-controller