JS: axios POST with large nested object and form-data

Question

I am to post an Axios request because using get results in a 414 error. Here's the object:

rows= {
  0 : {
    "name":"Thor",
    "status":"active",
    "email":"[email protected]",
  },
  1 : {
    "name":"Mesa",
    "status":"active",
    "email":"[email protected]",
  },
  2 : {
    "name":"Jesper",
    "status":"stdby",
    "email":"[email protected],
  },
}

This is just a sample of the object's format. There is 400+ elements in the real one, thus post instead of get. I am having trouble properly building the form-data on this one. Here's what I have:

let data = new FormData();
Object.keys(rows).forEach(key => data.append(key, rows[key]));  //  <--- this doesn't do
data.set('target', target);  //  <---- this comes through just fine

axios({
  method: 'post',
  url: 'byGrabthorsHammer.php',
  data: data,
  headers: {'Content-Type': 'multipart/form-data'}
}).then(function(response) {
  if (response.error) {
    console.log('failed to send list to target');
    console.log(response);
  } else {
    console.log('response: ');
    console.log(response);
  }        
});

What comes through is just [Object][Object]' when ivar_dump($_POST);`. This is not what I want. How could I rewrite this properly so I get the data to the other side (like GET...).

Ernesto · Accepted Answer · 2020-05-22 22:49:41Z

2

Yow bro, POST Are for inserting new stuff, instead of doing a post you need a patch axios.patch it is basically the same. And it won’t fix your issue. To fix the issue you need to set the Content-Type to application/json, then on yow

axios.post(url, data: JSON.stringify(bigObject))
   .then(Rea=>Rea)

edited May 22, 2020 at 22:49

answered May 19, 2020 at 23:57

Ernesto

4,3461 gold badge17 silver badges30 bronze badges

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

2 Comments

WhiteRau Over a year ago

m'okay. didn't even consider this... if you have time, WHY does this work and not the other?

Ernesto Over a year ago

the headers if you want it to work like on your code, you need to change the header like o. postman

Mike · Accepted Answer · 2020-05-19 23:37:00Z

1

You could try stringifying the data. JSON.stringify(data)

answered May 19, 2020 at 23:37

Mike

965 bronze badges

Collectives™ on Stack Overflow

JS: axios POST with large nested object and form-data

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related