Django中AJAX验证邀请码后意外重定向至JSON页面问题求助

你的校园网站邀请码验证AJAX请求出现了页面跳转到JSON页面、success回调逻辑完全不执行的问题，我帮你梳理了几个关键错误点，逐一修复就能解决问题：

1. AJAX数据传递错误：传递了DOM对象而非输入值 #

你在AJAX请求里写的data: {'code': $('input[name="code"]')}，实际传递的是jQuery封装的DOM对象，而不是输入框里的邀请码文本。后端根本拿不到正确的邀请码值，直接导致验证逻辑异常。

修复代码：用.val()获取输入框的实际内容：

data: {'code': $('input[name="code"]').val()},

2. Success回调逻辑顺序错误：提前跳转中断后续代码 #

你在success回调的第一行就写了window.location.href = data.url;，但你的后端视图并没有返回url字段，这行代码不仅会导致无意义的跳转（甚至可能跳转到带undefined的错误地址），还会直接中断后续的所有回调逻辑——这就是为什么两个console.log都没执行的核心原因。

修复代码：移除无效的跳转代码，或者在验证通过后再按需跳转：

success: function(data){
  let status = data.ok; // jQuery会自动解析JSON响应，不需要额外JSON.parse
  if(status){
    console.log('Good code');
    // 验证通过后再跳转，比如跳转到正式注册页：
    // window.location.href = '/reg/form/';
  }else{
    console.log('Bad code');
  }
}

3. 后端视图逻辑漏洞：异常分支未返回响应 #

你的submit视图中，当捕获到ObjectDoesNotExist异常时，只设置了data['ok'] = False，但没有返回JsonResponse。这会导致Django返回默认的空响应或者500错误，AJAX会触发error回调而非success回调，自然不会执行你写的逻辑。

修复代码：在except分支里也要返回JsonResponse：

def submit(request):
    code = request.POST.get('code')
    data = {}
    try:
        user = Unregistered.objects.all().get(pk = code)
    except ObjectDoesNotExist:
        data['ok'] = False
        return JsonResponse(data)  # 新增这一行，确保异常分支也返回响应
    else:
        data['ok'] = True
        return JsonResponse(data)

额外调试建议 #

可以给AJAX请求加上error回调，方便排查后续可能出现的问题：

$.ajax({
  // 原有配置
  error: function(xhr, status, error){
    console.log('请求出错信息:', error);
    console.log('后端响应内容:', xhr.responseText);
  }
})

另外记得通过浏览器开发者工具检查{{form.code}}生成的输入框name属性是否确实为code，避免出现字段名不匹配的问题。

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