send Array of object via axios post in laravel vue

Question

I am using vue and laravel. I getting an array of objects like this in console.log(array_of_obj) :

[…]

0: Object { id: Getter & Setter, employee_id: Getter & Setter, manual_id: Getter & Setter, … }

1: Object { id: Getter & Setter, employee_id: Getter & Setter, manual_id: Getter & Setter, … }

2: Object { id: Getter & Setter, employee_id: Getter & Setter, manual_id: Getter & Setter, … }

Each object contains my desired row data. Now I want to send it to Laravel controller via axios post request. How Can I do this? I have tried this way:

let json=JSON.stringify(array_of_obj);
let post_data={json_data:json}
 store.dispatch('employees/EmployeeListDownloadPdf', post_data).catch(err => { console.error(err) })

In my vuex section:

EmployeeListDownloadPdf(ctx, employeeList) {
                return new Promise((resolve, reject) => {
                    
                    axios({
                        url: '/api/employees/employeeListData',employeeList,
                        method: 'POST',
                        
                      })
                        //.then(response => resolve(response))
                        .then((response) => {
                            //console.log(response.data)
                            
                          });
                        //.catch(error => reject(error))
                })
            },

But in my controller I tried with following code but getting empty array.

dd(json_decode($request->all(),true));
dd(json_decode($request,true));

I want to get all data into my controller but can not accesss them now. How Can I do this?

I think you need to show us what the VueX action employees/EmployeeListDownloadPdf does. What you've shared doesn't show how your VueJS app sends the data to the server. — Terry
– Terry, Commented Feb 19, 2021 at 19:22

Terry · Accepted Answer · 2021-02-19 19:29:01Z

1

You're using axios() incorrectly: if you read the docs, the employeeList needs to be assigned to the data property in the object, i.e.:

axios({
    url: '/api/employees/employeeListData',
    data: employeeList,
    method: 'POST'
})

answered Feb 19, 2021 at 19:29

Terry

66.7k16 gold badges107 silver badges127 bronze badges

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

1 Comment

Md. Shamvil Hossain Over a year ago

Now i Can get my data in Controller. Thanks a lot.

Collectives™ on Stack Overflow

send Array of object via axios post in laravel vue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related