How to send array of object in post request using axios library

Question

I need to insert data as multiple rows using an array of the javascript object.

props.email is held an array such as

props.email = [
{email: '[email protected]', name: 'najathi'},
{email: '[email protected]', name: 'naharni'},
]

axios.post('/create-email.php', props.email, {
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        })
            .then(response => {
                console.log(response);
            })
            .catch(error => {
                console.log(error);
            });

user JSON.stringify(), to convert your array of objects to a string, then send data to your backend. — Not A Robot
– Not A Robot, Commented Apr 13, 2020 at 6:49
Error occurred.. POST https://../create-email.php 400 Error: Request failed with status code 400 — Najathi
– Najathi, Commented Apr 13, 2020 at 7:26

Rahul Sharma · Accepted Answer · 2020-04-13 07:58:52Z

1

Try,

const payload = {
  email:[
          {email: '[email protected]', name: 'najathi'},
          {email: '[email protected]', name: 'naharni'},
      ]
}

axios.post('/create-email.php', payload, {
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
    }
})
.then(response => {
    console.log(response.data);
})
.catch(err => {
    console.log(err);
})

edited Apr 13, 2020 at 7:58

answered Apr 13, 2020 at 6:53

Rahul Sharma

3683 silver badges10 bronze badges

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

6 Comments

aopanasenko Over a year ago

axios.post() returns a response object. To get data from response you need write the next code .then(response => { console.log(response.data); })

Najathi Over a year ago

Error occurred.. POST https://../create-email.php 400 Error: Request failed with status code 400

Rahul Sharma Over a year ago

Try adding the header for 'Content-Type'. I have updated the answer. :)

Najathi Over a year ago

this is not supported 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'

Najathi Over a year ago

it only supports 'Content-Type': 'application/x-www-form-urlencoded'

|

Collectives™ on Stack Overflow

How to send array of object in post request using axios library

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related