angular http post error 415 .net core web api

Question

hi i need some help regarding posting to .net core web api. i am new to angular.

im trying to post a request at https://localhost:44394/api/SyUsers but i get 415 error i tried to set const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json');

here is the post method:

  addPost(
    authType: string,    
    userId: string,
    userCreateDate: any,
    username: string,
    firstName: string,
    middleName: string,
    lastName: string,
    email: string,
    position: string,
    section: string,
    department: string,
    alias01: string,
    alias02: string,
    alias03: string,
    alias04: string,
    userModifiedDate: any
    ) {
    const userData = new FormData();
    userData.append('authType', authType);
    userData.append('userId', userId);
    userData.append('userCreateDate', userCreateDate);
    userData.append('username', username);
    userData.append('Hash', localStorage.getItem('userId').toString());
    userData.append('firstName', firstName);
    userData.append('middleName', middleName);
    userData.append('lastName', lastName);
    userData.append('email', email);
    userData.append('position', position);
    userData.append('section', section);
    userData.append('department', department);
    userData.append('alias01', alias01);
    userData.append('alias02', alias02);
    userData.append('alias03', alias03);
    userData.append('alias04', alias04);
    userData.append('userPermissions', 'sa');
    userData.append('userGroup', 'sa');
    userData.append('userModifiedDate', userModifiedDate);
    userData.append('userModifiedBy', localStorage.getItem('username').toString());
    userData.append('userCreatedBy', localStorage.getItem('username'));
    
    this.http
    .post<{message: string, user: Users}>(
      BACKEND_URL, 
      JSON.stringify(userData),
      {headers: headers}
    )
    .subscribe((responseData) => {
      this.router.navigate(['user-list']);
    });
    console.log(userData)
  }

and this is the code from .net core

[HttpPost]
public async Task<ActionResult<SyUsers>> PostSyUsers([FromBody]  SyUsers userData)
{
    _context.SyUsers.Add(userData);
    await _context.SaveChangesAsync();

    return CreatedAtAction("GetSyUsers", new { id = userData.Id }, userData);
}

on postman it is working:

Use a plain javascript object instead of "FormData()": const userData = { authType: authType ... } — sombrerogalaxy
– sombrerogalaxy, Commented Jan 23, 2021 at 12:39

Karney. · Accepted Answer · 2021-01-25 07:45:57Z

1

In postman, you encapsulate the data in the body, and the bakend is [FromBody], so it can run correctly. But in angular, you use FormData, the receiving type is different.

Change [FromBody] to [FromForm], and remove the JSON.stringify in angular.

this.http
.post<{message: string, user: Users}>(
  BACKEND_URL, 

  userData,
  {headers: headers}
)
.subscribe((responseData) => {
  this.router.navigate(['user-list']);
});

answered Jan 25, 2021 at 7:45

Karney.

5,0812 gold badges10 silver badges11 bronze badges

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

2 Comments

Karney. Over a year ago

@Christian Lacuesta, could you accept this answer?

Christian Lacuesta Over a year ago

yes thanks so much karney it was great help.

Collectives™ on Stack Overflow

angular http post error 415 .net core web api

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related