【每日学习】 angular将表单数据传到后台的方法。
html:
<input type="text" ng-model="myform.userId" >
<input type="text" ng-model="myform.userName" >
<button type="submit" class="btn btn-primary" ng-click="download()" >Sign in</button>
js:
var app = angular.module('myApp',[]);
app.controller('myCon', ["$scope",function ($scope) {
$scope.myform={};
$scope.download = function (){
console.log($scope.myform);
$http({
method: 'POST',
url: '/test/download',
data:$scope.myform,
headers: {
"Content-Type": "application/json ; charset=UTF-8"
}
}).then(function successCallback(response) {
// ...
});
}
}]);
后台接收:(Springboot)
@RequestMapping(value = "/download", method = RequestMethod.POST, produces = "text/json;charset=UTF-8")
public String download(@RequestBody User user) {
System.out.print(user.getUserId);
//....
}