How to execute API call from Angular 2 and Typescript

Question

I have a basic API call that takes in two id's and adds them to a favorites matrix of users to profiles. I've set the call up in C# MVC like so:

[Route("api/discovery/addToFavourite/{profileid}/{userid}")]
public void AddToFav(int profileid, int userid)
{
    var Favourite = new Favourite();
    Favourite.ProfileId = profileid;
    Favourite.UserId = userid;

    WildWalkDb.Favourites.Add(Favourite);
    WildWalkDb.SaveChanges();
}

And then from Angular 2 and TypeScript I have:

addToFav(profileid) {
    var headers = new Headers();
    headers.append('Content-Type', 'application/json');
    let options = new RequestOptions({ headers: headers });
    return this.http.post(this.url + '/api/discovery/favourite/' + profileid + '/' + 1)
    .toPromise()
    .then(response => <string>response.statusText)
    .catch(this.handleError);
  }

I just need to run that url with the parameters without passing any Json or anything over, but this fails, presumably because it's missing additional parameters on the http.post call. So from all this I'm guessing this isn't the best way to do this and maybe I'm majorly missing the point of how post calls work? What's the best way for me to just make that api call?

The route, and post URL don't match. The API function is not using the HttpPost attribute, but that may not matter. Errors in the console? Any debug errors? — R. Richards
– R. Richards, Commented May 21, 2017 at 18:31
if you open the network tabs on your browser, do you see that from the client side the request starts correctly? are you catching the error? can you describe a bit better what's your current issue with? then your request seems to be directed to another route — quirimmo
– quirimmo, Commented May 21, 2017 at 18:32
I know what the error is - I posted it above ('because it's missing additional parameters on the http.post call.') - what I need to know is the correct way to do this as I don't have an object to pass in as the additional parameter — Web Develop Wolf
– Web Develop Wolf, Commented May 21, 2017 at 18:41

PRAISER · Accepted Answer · 2017-05-21 19:10:39Z

1

If the parameters are not required, make them optional then at runtime fill/provide them, otherwise provide them at call point.

--(Edit) Provide empty values at call point.

edited May 21, 2017 at 19:10

answered May 21, 2017 at 18:44

PRAISER

8032 gold badges8 silver badges15 bronze badges

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

3 Comments

Web Develop Wolf Over a year ago

Yeah I know that - but I don't need to fill them as I just need to run the url but they're not optional, so I need to know the best way to make that post call that doesn't need me to pass in those parameters.

PRAISER Over a year ago

If they're not optional why don't you just provide an empty value for them?

Web Develop Wolf Over a year ago

Didn't actually know I could do that - it worked though

Collectives™ on Stack Overflow

How to execute API call from Angular 2 and Typescript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related