2013-11-15 50 views
10

我正在使用djang-tastypie作为后端,AngularJs用于前端。我正在使用angularjs $ http向CRUD发送请求。 GET,POST,PUT一切正常,但是当我尝试发送PATCH请求时,出现错误Method PATCH未定义。我创建了一个api调用的工厂,但PATCH请求在那里不起作用。使用angularjs修补请求

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和服务以使用angularjs发送PATCH请求。

+2

的[配置angularjs模块发送补丁请求]可能重复(http://stackoverflow.com/questions/20305615/configure-angularjs-module -to-发送贴片请求) – kynan

回答

18

将PATCH添加到AngularJS的一个常见问题是,它没有该HTTP方法的默认Content-Type头(对于PUT,POST和DELETE,应用程序/ json; charset = utf-8)。而这些都是我的$ httpProvider配置中添加补丁支持:

module.config(['$httpProvider', function($httpProvider) { 
$httpProvider.defaults.headers.patch = { 
    'Content-Type': 'application/json;charset=utf-8' 
} 
}])