我正忙于客户管理系统，该系统还跟踪客户订单。我已经设置了一个 CRUD API 来处理后端数据库数据的读写，但是当我尝试将购物车数据 POST 到数据库时，出现以下错误。

quote 从响应中解析 JSON 时出错：SyntaxError: 意外的标记 '<', " 不是有效的 JSON

接收以下内容而不是有效的 JSON：

P粉187677012

回答

全部回复(1)

我来回复

P粉5433443812023-09-01 00:13:45 1楼

我设法弄清楚了。我 console.log(this.cart.name) 并发现它是“未定义”。经过进一步调查，我发现原因是 state.cart 是一个对象数组，而不仅仅是一个对象。当然，原因是购物车中的每个单独的商品都应该是它自己的对象。所以我的解决方案是：

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);
                }
            }

分解：由于 this.cart 是一个数组而不是一个对象，我必须首先使用 for 循环来获取购物车中每个项目的索引，然后调用将数据发布到数据库的函数。

赞 +0

添加回复

P粉187677012

回复