Spring MVC控制器中的訪問請求有效負載參數

Question

我正在使用彈簧形式，在我的形式中我使用過angularjs。 但是，當通過angularjs發送請求時，我無法訪問控制器中的表單值。

AngularJS代碼

function submitController($scope, $http) {
      alert("function called");
           $scope.submit = function()
            {
             var formData = $('#formId').serialize();
             $http.post('searchPatientResult', formData).success(function(data) {
                    $scope.user = data;
                    console.log($scope.user);

                });
    };
       }

表格代碼

 <label class="col-sm-2 control-label">Patient Id</label>
 <div class="col-sm-2"><form:input path="patientId" class="form-control" type="number" /></div> 

<label class="col-sm-2 control-label">Name</label>
<div class="col-sm-2"><form:input path="name" class="form-control" type="text" /></div>

<label class="col-sm-2 control-label">Age</label>
<div class="col-sm-2"><form:input path="age" class="form-control" style="width:100px; float: left;" type="number" /><span style="line-height: 30px; padding-left: 10px;
                                    ">years</span></div>
</div>

<div class="col-sm-2 col-lg-offset-10"> <input class='btn btn-primary btn-block' type='button' value='Search'  ng-click="submit()" /></div>

要求屏幕截圖

Answer 1

您的角度代碼必須正確，請嘗試此操作

<label class="col-sm-2 control-label">Patient Id</label>
 <div class="col-sm-2"><form:input path="patientId" class="form-control" data-ng-model="patient.id" type="number" /></div> 

<label class="col-sm-2 control-label">Name</label>
<div class="col-sm-2"><form:input path="name" data-ng-model="patient.name" class="form-control" type="text" /></div>

<label class="col-sm-2 control-label">Age</label>
<div class="col-sm-2"><form:input path="age" data-ng-model="patient.age" class="form-control" style="width:100px; float: left;" type="number" /><span style="line-height: 30px; padding-left: 10px;
                                    ">years</span></div>
</div>

<div class="col-sm-2 col-lg-offset-10"> <input class='btn btn-primary btn-block' type='button' value='Search'  ng-click="submit(patient)" /></div> 

和控制器

$scope.submit = function(patientData)
            {
             $http.post('searchPatientResult', patientData).success(function(data) {
                    $scope.user = data;
                    console.log($scope.user);

                });
    };

您可以像在控制器中訪問它

public void saveUser(@RequestBody Map map){


    final String name = map.get("name");
}