array of objects as parameters on request POST axios

Question

I am working on a project with vue.js and to handle my AJAX requests I use Axios, I wonder if it is possible to pass as a parameter to a POST request an array of objects, of this type:

[{id: 1, name: 'max'}, {id: 2, name: 'jhon'}, {id: 3, name: 'anna'}]

If possible, what is the best way to do this?

Possible duplicate of [javascript - pass object via post](https://stackoverflow.com/questions/4255848/javascript-pass-object-via-post) — thanksd, Apr 11 '18 at 17:27

Roland · Answer 1 · 2019-01-01T12:08:39.117

8

Sure!

let arrOfObj = [
  { name: 'John', lastName: 'Doe' },
  { name: 'Jane', lastName: 'Doe' }
]

axios.post('url_here',arrOfObj)
.then(console.log)
.catch(console.log)

edited Jan 01 '19 at 12:08

answered Apr 11 '18 at 17:29

Roland

24,554
4
99
97

score 5 · Answer 2 · answered May 26 '20 at 09:46

Yes, it's very possible

let data = [
    {id: 1, name: 'max'}, 
    {id: 2, name: 'jhon'}, 
    {id: 3, name: 'anna'}
];

let formdata = new FormData();
formdata.append('data',JSON.stringify(data));

axios.post('/url`',formdata)
.then(res => console.log(res))
.catch(err => console.log(err)

On the receiving end (assuming it's PHP & Laravel)

$data = json_decode($request->data);

then loop through $data as it's a normal array

score 1 · Answer 3 · answered Nov 20 '20 at 20:34

Lema's answer was the only one that worked for me while using axios + vue + .net Core.

I was trying to send a post to my backend which was expecting an array. Following Lema's implementation I received an string and then deserialized the json string to the type I was expecting.

    public IActionResult PostMethod([FromForm]string serialized_object_name){
         var expectedArray = JsonConvert.DeserializeObject<ArrayTypeNeeded[]>(serialized_object_name);
    }

array of objects as parameters on request POST axios

3 Answers3