How to pass an object as QueryString to web api using Axios

Question

I am new to Axios and have problem in the simple question.

My React code:

const params = {
      "id": "1",
      "name":"Mike"
  };
  axios.request({
      url: 'https://localhost:44343/api/SampleData/test',
      method: 'get',
      data:params
  })

My asp.net core web api:

[HttpGet("test")]
public async Task Test([FromQuery]Model model)

My model:

public class Model
    {
        public string Id { get; set; }
        public string Name { get; set; }
    }

I failed to pass the js object as query string to my api code. model data is null for Id and Name.

what is the error you are receiving

Satya
– Satya

2019-08-22 09:54:37 +00:00
Commented Aug 22, 2019 at 9:54 — Satya
– Satya, Commented Aug 22, 2019 at 9:54
no error,just null for model

Ryan
– Ryan

2019-08-22 09:56:34 +00:00
Commented Aug 22, 2019 at 9:56 — Ryan
– Ryan, Commented Aug 22, 2019 at 9:56

Ryan · Accepted Answer · 2019-08-22 10:05:03Z

1

I find the solution:

const querystring = require('querystring');

  const params = {
      "id": "1",
      "name":"Mike"
  };
  axios.request({
      url: 'https://localhost:44343/api/SampleData/test?' + querystring.stringify(params),
      method: 'get',
      data:params
  })

answered Aug 22, 2019 at 10:05

Ryan

20.3k10 gold badges44 silver badges68 bronze badges

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

Collectives™ on Stack Overflow

How to pass an object as QueryString to web api using Axios

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