补丁请求使用AngularJS
-
20-12-2019 - |
题
我正在使用djang-tastypie作为前端的后端和angularjs工作。我正在使用AngularJS $ HTTP发送CRUD的请求。获取,发布,放置一切都很好,但是当我尝试发送补丁请求时,没有定义错误方法补丁。我在角度下创建了一家API调用,但补丁请求不在那里工作。
angular.module('tastypieModule', ['ngResource']).
factory('apiCall', function($http, $resource) {
delete $http.defaults.headers.common['X-Requested-With'];
var apiCall = $resource('/api/v1/:type/:id/',
{type: '@type', username: '@userName', api_key: '@api_key', user: '@userID', id: '@id'},
{
get: {method: 'GET'},
post: {method: 'POST', headers: {'Content-Type': 'application/json'}},
del: {method: 'DELETE', headers: {'Content-Type': 'application/json'}},
update: {method: 'PUT', headers: {'Content-Type': 'application/json'}},
pupdate:{method:'PATCH',headers: {'Content-Type': 'application/json'}}
}
);
return apiCall;
});
function MyCtrl($scope,$resource){
$scope.edit=function(){
id=$scope.E_id
$http.pupdate('/api/v1/quizsetting/'+id+'/', editedquizsetting).
success(function(data, status) {
$scope.status = status;
$scope.data = data;
$scope.editQuizSettingModal = false;
//$scope.quizsettinglist.objects[$scope.e_quizsettingindex]=data;
$(".message").append("object has been created successfully");
})
.
error(function(data, status) {
$scope.data = data || "Request failed";
$scope.status = status;
});
};
}
.
我的html代码
<div ng-app="myApp">
<div ng-controller="MyCtrl">
<button type="button" ng-click="edit()">Edit</button>
</div></div>
.
当我在控制台中使用此代码发送路径请求时,它显示http.patch不是函数。 告诉我如何配置NG-App和Services以使用AngularJS发送补丁请求。
解决方案
将修补程序添加到angularjs的常见问题是它没有默认的内容类型标题(其是应用程序/ json; charset= UTF-8用于放置,发布和删除)。而这些是我的$ httpprovider的配置,以添加补丁支持:
module.config(['$httpProvider', function($httpProvider) {
$httpProvider.defaults.headers.patch = {
'Content-Type': 'application/json;charset=utf-8'
}
}])
. 不隶属于 StackOverflow