C# [HttpPost] string value through angular http.post becomes null

Question

My C# post method looks

[HttpPost]
public void mymethod(string id) {...}

I am trying to post string value from angular http.post like this but value reaches to C# method as null.

const mystr = 'mystring';
this.http.post('myurl', mystr);

What I tried

{id: mystr}
JSON.stringify({id: mystr})

Note: Sending id value with [HttpGet("{id}")] works well but mystr may contains '/' value so fails whenever '/' contains.

When I replace mymethod signature to ([FromBody] string id) I get 400 Bad Request.

if you dont want to declare a class then Get in the `Request-Headers` — Prashant Pimpale, Mar 28 '19 at 06:45

score 0 · Answer 1 · answered Mar 28 '19 at 06:38

0

for your scenario you need a small change, just come with a Model of data you want to receive in POST request. Something like :-

public class CustomData {
   string id {get; set;}
}

and then tweak your API and make it aware that it has to recieve something from from request's body

So, instead of

[HttpPost]
public void mymethod(string id) {...}

use this

[HttpPost]
public void mymethod([FromBody] CustomData data) {...}

answered Mar 28 '19 at 06:38

manish

instead of changing C# method, can we tweak some thing in Angular post mentod? – Ramesh Mar 28 '19 at 06:50

score 0 · Answer 2 · answered Mar 28 '19 at 06:56

0

could you try changing the way you send from angular as the following

const headers = new HttpHeaders({ 'Content-Type': 'application/json' });

this.http.post('myurl', 'string value', { headers: headers }) ;

if 'applicaiton/json' does not work please try to change it to 'application/x-www-form-urlencoded'

answered Mar 28 '19 at 06:56

Mahmoud-Abdelslam

I use HttpInterceptor with above HttpHeaders. but no luck. – Ramesh Mar 28 '19 at 07:03

Miq · Accepted Answer · 2019-03-28T07:12:54.410

0

Use encodeValue on mystr on angular. In C# API id you should get decoded value.

edited Mar 28 '19 at 07:12

answered Mar 28 '19 at 07:05

Miq

simple example will be appreciated. – Ramesh Mar 28 '19 at 07:08
I updated my answer. I'm not an expert in angular, but in general, you need to change slashes to %2F so they will not be treated by C# as path delimiters. – Miq Mar 28 '19 at 07:15

3 Answers3