Web Api paramater passed through Angular is null

Question

So I am trying to pass a string to my Web Api through a put call in an Angular service. The service actually calls the method on the Web Api side, but the parameter always comes through null. Can someone shed a bit of light, thanks.

Here is what the code looks like:

Web Api: (the breakpoint is set on the first parenthesis)

public void Put([FromBody]string userId)
{


}

Angular :

 UpdateManagerEmail(userId){
    userId = '577f1e6e-146d-49f1-a354-b31349e7cb49';
    const headers = new HttpHeaders();
    headers.append('Content-Type', 'application/json');

    this._http.put('http://localhost:428/api/User', {
        userId : userId
    }).subscribe(returnVal => {
      console.log('returned');
    });
  }

Do you see the parameter being sent in your request within network tab of developer tools? — Amit Chigadani
– Amit Chigadani, Commented Aug 15, 2018 at 13:55
have you tried wrapping the string in quotes? this._http.put('http://localhost:428/api/User', '"' + userId + '"') OR setting a variable var data = userId and just passing data into the put method? this._http.put('http://localhost:428/api/User', data) — mcbowes
– mcbowes, Commented Aug 15, 2018 at 14:11

Mike Bovenlander · Accepted Answer · 2018-08-15 14:16:31Z

1

For your backend to find userId in the request body you have send it needs to be the only value in there. You should change the content-type to: application/x-www-form-urlencoded; charset=UTF-8 and send the data without an key.

Remark on the docs:

Before sending a simple type, consider wrapping the value in a complex type instead. This gives you the benefits of model validation on the server side, and makes it easier to extend your model if needed.

Source: Sending simple types

Also, this blog explains it better than I do.

answered Aug 15, 2018 at 14:16

Mike Bovenlander

5,4645 gold badges32 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

Web Api paramater passed through Angular is null

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