Unable to sent DELETE to Web API from AngularJs with $http

Question

I have an oData controller in my Web API 2 solution and I an trying to call the Delete action from my angularJs app. I have tried:

$http({
    method: 'DELETE',
    url: "http://localhost:52389/odata/Bears('" + $scope.itemKey + "')",
    headers: { 'Content-Type': 'application/json' }
}).then(function successCallback(response) {
    console.log('success', response);
}, function errorCallback(response) {
    console.log('error', response);
});

In fiddler this seems to send an OPTIONS request to the API. Inspecting the sent request in fiddler, I can see that this is what is sent:

OPTIONS http://localhost:52389/odata/Bears('1') HTTP/1.1
Host: localhost:52389
Connection: keep-alive
Access-Control-Request-Method: DELETE
Origin: http://localhost
X-FirePHP-Version: 0.0.6
User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.71 Safari/537.36
Access-Control-Request-Headers: accept
Accept: */*
Referer: http://localhost/?id=places
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-GB,en-US;q=0.8,en;q=0.6

If I change, in fiddler, the first line from:

OPTIONS http://localhost:52389/odata/Bears('1') HTTP/1.1

to:

DELETE http://localhost:52389/odata/Bears('1') HTTP/1.1

Then this works. How do I get the method to be 'DELETE' from angularJs?

An OPTIONS is sent because you're sending cross-origin requests. The server needs to agree with that first, hence the first OPTIONS request. If no DELETE is sent after, the response from the server is most probably negative, meaning that you need to configure CORS on the server. — JB Nizet
– JB Nizet, Commented Oct 24, 2015 at 12:39
Ah thanks so much. Yes, I had changed how CORS was configured when debugging this before and forgot to change it back. Feel free to post this as the answer and I will accept :) — trees_are_great
– trees_are_great, Commented Oct 24, 2015 at 12:52

JB Nizet · Accepted Answer · 2015-10-24 12:58:16Z

2

An OPTIONS is sent because you're sending cross-origin requests. The server needs to agree with that first, hence the first OPTIONS request.

If no DELETE is sent after the OPTIONS, the response from the server is most probably negative, meaning that you need to configure CORS on the server.

answered Oct 24, 2015 at 12:58

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

1 Comment

NicoJuicy Over a year ago

In short, Options asks for the permissions that the server gives to the user. If Delete is allowed, the DELETE method may be executed. Otherwhise, the call will be forbidden ( in angular)

Collectives™ on Stack Overflow

Unable to sent DELETE to Web API from AngularJs with $http

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related