How to post array of data to the server in your Vue app

When you develop the Vue application you will have to post array of data to the REST API url given to you

Suppose you are going to make a invoice with several products as shown in the following HTML code and you want to post request with this array of data via Axios

Product Name Ordered Qty Received Qty Qty to Receive
{{}} {{product.qty}} {{products[index].received_qty}}

Now we will see how to submit this data table to the Server

I have update_products function inside the methods section of the Vue instance as shown in the below. What I am doing here is that, I will create the payload object array and place the products object inside of the payload and then Payload is passed to the Post method of the Axios as the second parameter.

Once you post the data using Axios, in the REST API server, you can get the pasted parameters with your request object