Django游客下单触发store_customer.email非空约束报错如何解决

错误根因分析 #

两个报错属于连锁问题，根源在前端逻辑错误：

• 第一个IntegrityError是因为前端判断游客身份的条件拼写错误，没有把游客填写的邮箱、姓名赋值到提交参数里，导致传给后端的email为null，触发数据库Customer表email字段非空约束。
• 第二个JSONDecodeError是第一个错误的连锁反应：后端触发异常后返回的是HTML格式的错误页面，不是预期的JSON格式，前端执行response.json()解析失败。

具体修复步骤 #

1. 修正前端游客身份判断的拼写错误
   打开checkout.html的js代码，找到如下判断逻辑：

   // 原错误代码（单词拼写少了一个m）
   if(user == 'AnonyousUser'){
       userFormData.name = form.name.value
       userFormData.email = form.email.value
   }
   

   修正为正确的Django匿名用户标识：

   // 修正后
   if(user == 'AnonymousUser'){
       userFormData.name = form.name.value
       userFormData.email = form.email.value
   }
   

2. 增加参数校验兜底（可选，提升健壮性）
   • 前端增加表单校验：游客提交前判断姓名、邮箱是否为空，为空则提示用户填写，禁止提交。
   • 后端processOrder函数增加参数校验，避免空值传入触发数据库错误，示例代码：

   def processOrder(request):
       try:
           data = json.loads(request.body)
       except json.JSONDecodeError:
           return JsonResponse({'code':400,'msg':'参数格式错误'}, status=400)
       # 游客身份额外校验参数
       if not request.user.is_authenticated:
           if not data['form'].get('email') or not data['form'].get('name'):
               return JsonResponse({'code':400,'msg':'姓名和邮箱不能为空'}, status=400)
       # 原有业务逻辑
       ...
   

3. 前端增加请求错误捕获（可选）
   在fetch请求后增加catch分支，避免请求出错后页面无响应：

   fetch(url, {
       // 原有请求配置
   })
   .then((response) => {
       if(!response.ok) throw new Error('请求失败')
       return response.json()
   })
   .then((data) => {
       // 原有成功逻辑
   })
   .catch((error) => {
       console.error('Error:', error)
       alert('提交失败，请检查填写信息后重试')
   })
   

内容的提问来源于stack exchange，提问作者Bhavik Jain