vue axios post how to submit formdata array?

Question

I need to submit an ARRAY data because the backend can only recognize such data

Expected effect:

&row[weigh]=0
&row[status]=normal

code:

row:{
  weigh: 0,
  status: 'normal'
}

actual effect:

row:{
  weigh: 0,
  status: 'normal'
}

When I submit the data, the console displays JSON instead of Array, but the backend cannot get it

What I need is to be consistent with the results from the form submission below

<form  method="POST" >
  <input name="row[a]" type="text" value="">
  <input name="row[b]" type="text" value="">

Tony Tom · Accepted Answer · 2020-01-28 05:31:31Z

1

public register(rowObject: RowObject): AxiosPromise<any> {
    return axios.post('http://localhost/api/register', rowObject);
}

This way you can pass the data in Post method.

rowObject =  {
    weigh: 0,
    status: 'normal'
    }

answered Jan 28, 2020 at 5:31

Tony Tom

1,5831 gold badge12 silver badges19 bronze badges

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

Comments

Vijay Joshi · Accepted Answer · 2020-01-28 06:16:29Z

0

Try this code.

let row = {
  weigh: 0,
  status: 'normal'
};

let finalArr = [];

Object.keys(row).forEach((key) => {
    finalArr.push(`row[${key}]=` + row[key]);
});
console.log(finalArr.join('&'));
// outputs: row[weigh]=0&row[status]=normal

answered Jan 28, 2020 at 6:16

Vijay Joshi

9577 silver badges17 bronze badges

Comments

Qonvex620 · Accepted Answer · 2020-01-28 05:44:20Z

0

Your code also should pass an array just like this.

data = [
  {weigh: 0},
  {status: 'normal'}
]

then when you send it to server for example using axios, your code should look like this

axios.post('/api endpoint', {row:data})
    .then(response => {
     // response here
});

answered Jan 28, 2020 at 5:44

Qonvex620

3,9801 gold badge12 silver badges17 bronze badges

Comments

ebyte · Accepted Answer · 2020-01-28 06:11:42Z

0

ok

const formData = new FormData()
  Object.keys(this.form).forEach(e => {
  formData.append(`row[${e}]`, this.form[e])
})

answered Jan 28, 2020 at 6:11

ebyte

1,5173 gold badges22 silver badges36 bronze badges

1 Comment

Nico Haase Over a year ago

Please add some explanation to your answer by editing it such that others can learn from it

Collectives™ on Stack Overflow

vue axios post how to submit formdata array?

4 Answers 4

Comments

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Related