Django电商项目访问/update_item/接口出现JSONDecodeError报错求助

错误原因及修复方案 #

你遇到的JSONDecodeError at /update_item/ Expecting value: line 1 column 1 (char 0)报错本质是后端读取请求体时发现内容为空，没有可解析的JSON数据，是三处代码错误共同导致的：

1. HTML按钮类名与JS选择器不匹配 #

store.html里的添加购物车按钮类名是updatecart，而cart.js里绑定点击事件时选择的类是update-cart，二者不一致导致点击事件根本没有绑定到按钮上，你点击按钮时不会触发数据发送逻辑。
修复： 把store.html里按钮的class属性修改为update-cart，或者把cart.js里的选择器改为getElementsByClassName('updatecart')，保持二者一致即可。

2. 点击事件回调未调用数据提交函数 #

cart.js里的点击事件回调仅打印了日志，没有调用你已经写好的updateUserOrder提交请求的函数，就算绑定成功也不会向后端发送JSON数据。
修复： 在点击事件的回调函数末尾添加调用代码：

updateUserOrder(productId, action)

修改后的点击事件代码如下：

for (i = 0; i < updateBtns.length; i++) {
updateBtns[i].addEventListener('click', function(){
    var productId = this.dataset.product
    var action = this.dataset.action
    console.log('productId:', productId, 'Action:', action)
    console.log('USER:', user)
    // 新增调用提交函数的代码
    updateUserOrder(productId, action)
})
}

3. 后端视图存在拼写错误会导致后续报错 #

views.py里处理添加操作时的字段拼写错误，把quantity写成了quantitiy，请求通了之后也会报错：
修复： 修改views.py里的对应代码：

if action == 'add':
    # 修正拼写错误
    orderitem.quantity = (orderitem.quantity +1)

全部修改完成后刷新页面重新测试即可解决JSON解析报错的问题。

内容的提问来源于stack exchange，提问作者Asghar Abbasi