Http failure response for put method in angular 2 with asp.net webapi

Question

I am facing "Http failure response" for put method, when i try to update my userdetails on userdetails page of my angular 2 application. Can any one provide me idea to fix the following error.

Error:- Message: "The requested resource does not support http method 'PUT'." message: "Http failure response for http://localhost/TestWebAPI/api/UserDetails: 405 Method Not Allowed"

userdetails.component.ts

onUpdateUserClick(index)
{   
    this.objuserservice.UpdateUser(this.UpdateUser).subscribe
    (
        (response) => {
            this.UpdateUser = response;
            this.userslist[this.updateIndex].email = this.UpdateUser.email;
            this.userslist[this.updateIndex].personname = this.UpdateUser.personname;
            this.userslist[this.updateIndex].mobile = this.UpdateUser.mobile;
            this.userslist[this.updateIndex].dateofbirth = this.UpdateUser.dateofbirth;
            this.userslist[this.updateIndex].monthofbirth = this.UpdateUser.monthofbirth;this.userslist[this.updateIndex].yearofbirth=this.UpdateUser.yearofbirth;
            this.userslist[this.updateIndex].gender = this.UpdateUser.gender;
            this.userslist[this.updateIndex].country = this.UpdateUser.country;
        },
        (error)=>{ 
        });  
}

users.service.ts

UpdateUser(userobj:User):Observable<User>
{
    return this.http.put<User>(`/TestWebAPI/api/UserDetails`,userobj,responseType:"json"});              
}

Here is my asp.netwebapi(TestWebAPI) project code,

public void Put(int id, [FromBody]user objuser)
{
    dbentity.Entry(objuser).State = System.Data.Entity.EntityState.Modified;
    dbentity.SaveChanges();
}

Maybe it's a problem that you are not passing that id? You could try to modify your method to be just public void Put([FromBody]user objuser) and put a breakpoint in the method just for testing, to see if that request would be correctly handled. — Dan Dumitru
– Dan Dumitru, Commented Nov 23, 2018 at 11:29
On second thought, if you have the default routes in Web API, maybe you should pass that id in the URL, from Angular, like this.http.put<User>("/TestWebAPI/api/UserDetails/" + userObj.Id, userobj, responseType:"json"});. — Dan Dumitru
– Dan Dumitru, Commented Nov 23, 2018 at 11:35
@rajula - Great, I've made an answer out of that comment, so it would be more visible, you can accept it if you want. — Dan Dumitru
– Dan Dumitru, Commented Nov 24, 2018 at 9:44

Dan Dumitru · Accepted Answer · 2018-11-24 09:46:37Z

1

If you have the default routes in Web API, you should pass that id in the URL from Angular, like:

UpdateUser(userobj:User):Observable<User>
{  
    this.http.put<User>("/TestWebAPI/api/UserDetails/" + userObj.Id, userobj,
        responseType:"json"});
}

edited Nov 24, 2018 at 9:46

answered Nov 24, 2018 at 9:41

Dan Dumitru

5,3251 gold badge36 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

Http failure response for put method in angular 2 with asp.net webapi

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related