我使用angular有$ http.put的问题。 我有一个我要编辑的表单,当我点击编辑按钮时,我发送另一个表单上的所有数据,然后我编辑这些数据,然后我希望这些数据在我点击保存按钮时保存。
我从代码中获取数据的代码:
.controller("editTaskCtrl", function($scope, $http){
$scope.editTask = function(value) {
$http({
method: 'GET',
url: 'http://46.101.203.23:8080/pomomanage-1.0.0/rest/tasks/' + value
}).then(function successCallback(response) {
console.log(response.data);
$('#editedId1').val(response.data.id);
$('#titleToEdit1').val(response.data.title);
$('#contentToEdit1').val(response.data.content);
$('#editedStatus1').val(response.data.status);
$('#editedEstimation1').val(response.data.estimation);
}, function errorCallback(response) {
console.log("try again");
});
}
})
我保存这些数据的代码:
.controller("saveEditedTask", function($scope, $http){
$scope.editedTask = function() {
$http.put("http://46.101.203.23:8080/pomomanage-1.0.0/rest/tasks/edit", {
'id': $scope.editedId,
'title': $scope.editedTitle,
'content': $scope.editedContent,
'status': $scope.editedStatus,
'estimation': $scope.editedEstimation
}).then(function successCallback(response) {
alert("task is edited");
}, function errorCallback(response) {
alert("try again");
})
}
})
这是我发送数据的形式:
<form ng-submit="editedTask();" data-ng-controller="saveEditedTask">
<input type="text" id="editedId1" ng-model="editedId" hidden>
<input type="number" id="editedEstimation1" ng-model="editedEstimation" hidden>
<input type="text" id="editedStatus1" ng-model="editedStatus" hidden>
<label for="editedTitle">Title:</label><input id="titleToEdit1" type="text" ng-model="editedTitle">
<label for="editedContent">Content:</label><input id="contentToEdit1" type="text" ng-model="editedContent">
<button type="submit" id="saveEditedTask">Save</button>
</from>
但是当我点击“保存”按钮时,它会返回空数据。 有人可以帮忙吗?