What is a clean way to send a body with DELETE request?

Question

I need to send a request body with my DELETE requests using $resource

The only way I could see to do this was to change:

https://github.com/angular/angular.js/blob/master/src/ngResource/resource.js

From

var hasBody = action.method == 'POST' || action.method == 'PUT' || action.method == 'PATCH';

To

var hasBody = action.method == 'POST' || action.method == 'PUT' || action.method == 'PATCH' || action.method == 'DELETE';

Is there a better way to override this? Like when you alter the content type header you can do:

$httpProvider.defaults.headers["delete"] = {'Content-Type': 'application/json;charset=utf-8'};

Or something similar... Ive googled this but maybe Ive missed something obvious (not for the first time). Thanks for any help in advance.

I would like to point out. DELETE is supposed to delete the resource identified by the url. So you should not sending data in the body. — Subir Kumar Sao
– Subir Kumar Sao, Commented Mar 1, 2013 at 13:57
+1, I was about to post the same exact question. @SubirKumarSao, I'm wanting to send a request body with my DELETE for deleting multiple resources (the resources to be deleted is what is in the request body). Is there a more RESTful way to do this? — dnc253
– dnc253, Commented Mar 5, 2013 at 6:40
I think the above comment is referring to DELETE /post being unRESTful because it should specify a specific resource in the URL. However, I'm in a situation where I want to DELETE /post/:id but I need to make sure that the user, who sends an identifier token as data, owns the post. — rgbrgb
– rgbrgb, Commented Jul 9, 2013 at 0:20

Krupesh Kotecha · Accepted Answer · 2016-10-12 11:29:14Z

28

This works.

$scope.delete = function(object) {
    $http({
        url: 'domain/resource',
        method: 'DELETE',
        data: {
            id: object.id
        },
        headers: {
            "Content-Type": "application/json;charset=utf-8"
        }
    }).then(function(res) {
        console.log(res.data);
    }, function(error) {
        console.log(error);
    });
};

edited Oct 12, 2016 at 11:29

Krupesh Kotecha

2,4123 gold badges23 silver badges40 bronze badges

answered Nov 10, 2013 at 19:24

Simba

5221 gold badge5 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Martin Over a year ago

nope. This doesn't. Same as $http.delete('domain/resource', {id: object.id});

Martin Over a year ago

ok, I edited your answer, you should add the correct header. Now it works :)

Halim Qarroum · Accepted Answer · 2013-03-01 13:53:11Z

2

You can inject the $http (http://docs.angularjs.org/api/ng.%24http#Usage) component into one of one of your controllers and by using it as follows :

$http({method: 'DELETE', url: 'www.url.com', headers: {'X-MY-HEADER': 'MY_VALUE'}});

I hope this what you expected.

answered Mar 1, 2013 at 13:53

Halim Qarroum

14.1k4 gold badges48 silver badges75 bronze badges

4 Comments

paullth Over a year ago

Im trying to do this with Angular Resource docs.angularjs.org/api/ngResource.$resource, didnt make that clear in the question, sorry

Halim Qarroum Over a year ago

Ok. I think that $resource isn't made for such treatment, it is apparently meant to be used in a data binding context. For particular specific request, I guess that $http has to be directly used.

rgbrgb Over a year ago

From what I'm reading, it's considered bad practice to add the "X-" prefix if this is a custom header. I'd still rather send content with the delete than a custom header.

AshD Over a year ago

Were you able to figure out a way to pass in the body for a delete method using he $resource service.

Votemike · Accepted Answer · 2014-09-05 08:54:09Z

-2

You should be able to call 'remove' on your resource as explained in the documentation https://docs.angularjs.org/api/ngResource/service/$resource

answered Sep 5, 2014 at 8:54

Votemike

9322 gold badges13 silver badges34 bronze badges

Collectives™ on Stack Overflow

What is a clean way to send a body with DELETE request?

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related