Angular post, put, delete returns 405

Question

I am new to angular.

I cant invoke POST, PUT and DELETE methods using angular (GETs working fine) I have a .NET WebApi server which all methods and all resources URLs works and tested using Advanced Rest Client.

This is the code:

$scope.updateUser = function() {

    var url = 'http://localhost/api/users/' + $scope.selectedId;
    $http.put(url, $scope.user,{'content-type' : 'application/json'})
        .then(
            function(response) {
                alert("1");
            },
            function(errResponse) {
                alert("2");
            }
        );
};

I tried with 'content-type':'application/x-www-form-urlencoded', I tried with no config at all, I tried the one with success and error and I tried the one whith command and data attributes.

I get nothing back and while debugging, errResponse contains only the request data. Checked the network tab in the developer tools, and I found that 405 returned. Again, all URLs are valid and tested using a third party REST client app.

Can any one help?

EDIT: web.config:

<system.webServer>
    <handlers>
      <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
      <remove name="OPTIONSVerbHandler" />
      <remove name="TRACEVerbHandler" />
      <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
    </handlers>
  <modules runAllManagedModulesForAllRequests="true">
    <remove name="WebDAVModule" />
  </modules>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Origin" value="*" />
      <add name="Access-Control-Allow-Headers" value="Content-Type" />
      <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
    </customHeaders>
  </httpProtocol>
  </system.webServer>

PUT example:

    [HttpPut]
    [Route("api/users/{id}")]
    public IHttpActionResult updateUser(int id, User user)

Regards, Ido

Share the API methods, the web.config, portions of your global.asax. You have given very little code to go off of. — Hanlet Escaño, Aug 06 '16 at 07:10
Is your `[HttpPut]` attribute from `System.Web.Http`? (Not from `System.Web.Mvc`) — Hanlet Escaño, Aug 06 '16 at 07:16
I get compilation errors at PUT. I have only HttpPUT no simple PUT attribute. — Ido Barash, Aug 06 '16 at 07:23
If you get error 405 it looks like the verb is not allowed. In the web.config for the ExtensionlessUrlHandler Instead of verv="*" maybe something like verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" — Hedi, Aug 06 '16 at 07:37
No... It didn't work. But the services are working... just not from angular — Ido Barash, Aug 06 '16 at 07:39
Maybe replacing $http.put(url, $scope.user, ... by $http.put(url, { user: $scope.user}, ... — Hedi, Aug 06 '16 at 07:47
No. Nl even tried with no user passing {}. I just want to catch it in the server — Ido Barash, Aug 06 '16 at 09:54

score 0 · Answer 1 · answered Aug 06 '16 at 07:29

0

adding this snippet to web.config should resolve problem :

<system.webServer>
   <modules runAllManagedModulesForAllRequests="true">
       <remove name="WebDAVModule" />
   </modules>
</system.webServer>

answered Aug 06 '16 at 07:29

Saeid Doroudi

935
1
9
25

No.. it didn't. I am capable of getting to these URLs... just not from angular. – Ido Barash Aug 06 '16 at 07:33

Angular post, put, delete returns 405

1 Answers1