how to post raw data from angular 7 to asp.net core web api

Question

how to post string from angular 7 to asp.net web API core 2.1

from angular i am trying below code

getDecTokenDetails(token: string): Observable<string> 
{
    //return this.http.get<String>("/api/MicroApp/manju");
    let headers = new HttpHeaders();
    headers.set('Content-Type', 'application/json');
    debugger;
    return this.http.post<string>("/api/MicroApp", token, { headers: headers 
    });
  }

IN webapi controller below code i am using

[HttpPost]
        public IActionResult Post([FromBody] string value)
        {
            return Ok("toekn received " + value);

        }

below error i am getting

HttpErrorResponse {headers: HttpHeaders, status: 400, statusText: "Bad Request", url: "http://localhost:3974/api/MicroApp", ok: false, …}

Please help.

Edward · Accepted Answer · 2019-06-28 02:46:43Z

1

For bad request, it is caused that you did you set Content-Type header correctly. For let headers = new HttpHeaders(); headers.set('Content-Type', 'application/json');, headers is immutable object. Invoking class methods will return a new instance as result.

And for passing string, you need to use "" like

getDecTokenDetails(token: string): Observable<string> {
    let headers = new HttpHeaders();
    headers = headers.set('Content-Type', 'application/json');
    return this.http.post<string>("/api/SampleData/TT", `"${token}"`, {
    headers: headers
    });
}

answered Jun 28, 2019 at 2:46

Edward

30.2k12 gold badges84 silver badges141 bronze badges

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

1 Comment

Edward Over a year ago

@ManjunathaT Check the network tab in web browser and share us the request

Tony · Accepted Answer · 2019-06-27 15:52:27Z

0

Try to do like this to see if it work

return this.http.post<string>("/api/MicroApp", { value: token }, { headers: headers });

answered Jun 27, 2019 at 15:52

Tony

20.3k7 gold badges42 silver badges62 bronze badges

Collectives™ on Stack Overflow

how to post raw data from angular 7 to asp.net core web api

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related