ErrorException: Undefined array key 'name' in file

Question

I am working on a customer management system that also tracks customer orders. I have set up a CRUD API to handle reading and writing data from the backend database, but when I try to POST the shopping cart data to the database, I get the following error.

quote Error parsing JSON from response: SyntaxError: Unexpected token '<', " is not valid JSON

Received the following instead of valid JSON:

Answer 1

I managed to figure it out. I console.log(this.cart.name) and found it to be "undefined". After further investigation, I found out that the reason is that state.cart is an array of objects, not just one object. The reason, of course, is that each individual item in the cart should be its own object. So my solution is:

for(let i = 0; i <= this.cart.length - 1; i++){
                try {
                    const order = await APIController.CreateOrder(this.cart[i].name, this.cart[i].qty, this.cart[i].option, this.cart[i].price, this.orderNum, this.cart[i].fee, this.cart[i].date, this.id);
                    if(order){
                        this.clearCart();
                    }
                } catch (error){
                    console.log(error);
                }
            }

Breakdown: Since this.cart is an array and not an object, I have to first use a for loop to get the index of each item in the cart and then call a function that posts the data to the database.