Returning single string value from API in angular

Question

I have an API in .Net Core and I am using it in angular 5 app

Below is My API

[Route("api/[controller]")]
public class CommonController : Controller
{
    private readonly IConfiguration configuration;
    private readonly CommonUtility util;

    public CommonController(IConfiguration _configuration)
    {
        configuration = _configuration;
        util = new CommonUtility(_configuration);
    }

    [HttpGet("[action]/{StaffCode}")]
    public string GetUserName(string StaffCode)
    {
        return util.GetName(StaffCode);
    }
}

it does return a string value , checked in swagger UI

Now Angular Code

GetUserName() {
this.http.get<string>(this.baseUrl + 'api/Common/GetUserName/' + this.StaffCode).subscribe(result => {
  sessionStorage.setItem("UserName", result);
  alert(sessionStorage.getItem("UserName"));
}, error => console.log(error));

}

Here after calling the API I m getting below output in console

When I try to store result in session than it give syntax error Unexpected token S in JSON at position 0 at JSON.parse ()

How to use output of API here in angular ?

Can you add a console.log(result) inside the subscription? — Anuradha Gunasekara
– Anuradha Gunasekara, Commented Aug 8, 2018 at 5:59
You can received a full response using {observe:'response'}, see angular.io/guide/http#reading-the-full-response. Anyway, if you want to send a JSON you can use in your API: return OK(new {property:value,property2:value}); — Eliseo
– Eliseo, Commented Aug 8, 2018 at 6:11

Wannes Van Dorpe · Accepted Answer · 2018-08-08 06:07:51Z

17

When using HttpClient your response will automaticaly be assumed to be a json format and before it gets to your subscribe HttpClient will call JSON.parse(). Unless you specificaly tell it its not a json. You can do this with {responseType: text'}.

GetUserName() {
this.http.get(this.baseUrl + 'api/Common/GetUserName/' + this.StaffCode, {responseType: text'}).subscribe(result => {
  sessionStorage.setItem("UserName", result);
  alert(sessionStorage.getItem("UserName"));
}, error => console.log(error));

When using older versions of Angular you would use the Http class instead of HttpClient. With the Http class this auto parsing from json was not done.

answered Aug 8, 2018 at 6:07

Wannes Van Dorpe

8546 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Returning single string value from API in angular

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