How to send object to through axios get method from react to .NET API?

Question

I have .NET API Example:

[Route("[controller]")]
[ApiController]
public class UserController : ControllerBase
{
    [HttpGet("GetUser")]
    public ActionResult GetUserDetails(User userReq)
    {
        var response = service.GetUser(userReq);
        return Ok(response);
    }
}

And User class Example:

public class User
{
        public int? ID { get; set; }
        public string Name { get; set; }
        public int? Age { get; set; }
        public char? Gender { get; set; }
        public string Email { get; set; }
        public int? Phone { get; set; }
}

I am calling the API in below way through axios in React, Example:

axios.get(String(APIUrls.GetUser),
{
    params: {
        ID: null,
        Name: null,
        Age: null,
        Gender: null,
        Email: null,
        Phone: null
    },
}).then(response => {
    console.log(response.data);
})
.catch((err) => {
    console.log(err);
});

I am able to get response through postman, but when I try from my application its not working.

Error:

Status Code: 415

{"type":"https://tools.ietf.org/html/rfc7231#section-6.5.13","title":"Unsupported Media Type","status":415,"traceId":"xxxxxxxxxxxx:00000005"}

Try adding [Produces("application/json")] over controller class — Peter Trencansky
– Peter Trencansky, Commented Dec 31, 2021 at 10:47
Hi Peter, the API is working fine, I am getting response through postman. — Indranil
– Indranil, Commented Dec 31, 2021 at 11:28
It surely may work fine, but it may be worth trying, as it does not change the api output, only header of responses. — Peter Trencansky
– Peter Trencansky, Commented Dec 31, 2021 at 11:31

Rena · Accepted Answer · 2022-01-04 02:43:24Z

1

Add [FromQuery] attribute to specify the source:

[HttpGet("GetUser")]

public ActionResult GetUserDetails([FromQuery] User userReq)
{
    //...
}

answered Jan 4, 2022 at 2:43

Rena

37.2k7 gold badges50 silver badges93 bronze badges

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

Collectives™ on Stack Overflow

How to send object to through axios get method from react to .NET API?

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