如何在Django同一视图中处理两个POST请求？

因为你想保留当前URL，同时处理注册表单提交和用户名查重的POST请求，最直接的方式是在请求中添加标识参数，让视图能区分不同的请求类型。下面是具体实现步骤：

方法一：通过POST参数区分请求类型 #

1. 修改Django视图 #

在SignUp视图里，检查POST请求中是否包含专属的标识参数（比如check_username），以此判断是查重请求还是注册表单提交：

from django.http import JsonResponse
from django.contrib.auth.models import User
from django.shortcuts import redirect, render
from .forms import SignUpForm

def SignUp(request):
    if request.method == 'POST':
        # 处理用户名查重请求
        if request.POST.get('check_username'):
            username = request.POST.get('username', '').strip()
            # 检查用户名是否已存在
            username_exists = User.objects.filter(username=username).exists()
            # 返回JSON格式的结果给前端
            return JsonResponse({'exists': username_exists})
        
        # 处理注册表单提交请求
        else:
            form = SignUpForm(request.POST)
            if form.is_valid():
                form.save()
                # 注册成功后跳转登录页（根据你的需求调整）
                return redirect('login')
            # 表单验证失败，返回带错误的表单页面
            return render(request, "index.html", {"form": form})
    else:
        # GET请求，返回空表单
        form = SignUpForm()
    return render(request, "index.html", {"form": form})

2. 前端JavaScript发送查重请求 #

监听用户名输入框的事件（比如失去焦点），发送带check_username参数的POST请求，同时别忘了带上Django要求的CSRF令牌：

// 获取用户名输入框（假设表单渲染后的输入框id是id_username）
const usernameInput = document.getElementById('id_username');

// 监听输入框失去焦点事件
usernameInput.addEventListener('blur', function() {
    const username = this.value.trim();
    if (username.length === 0) return;

    // 发送POST请求
    fetch(window.location.href, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
            // 必须带上CSRF令牌，否则Django会拒绝请求
            'X-CSRFToken': getCsrfToken()
        },
        // 传递标识参数和用户名
        body: `check_username=1&username=${encodeURIComponent(username)}`
    })
    .then(response => response.json())
    .then(data => {
        if (data.exists) {
            // 用户名已存在，显示提示（比如在输入框下方添加错误信息）
            alert('该用户名已被使用，请更换');
        } else {
            // 用户名可用，可显示提示或清除之前的错误
            console.log('用户名可用');
        }
    })
    .catch(err => console.error('请求出错:', err));
});

// 辅助函数：获取Cookie中的CSRF令牌
function getCsrfToken() {
    let token = null;
    if (document.cookie) {
        const cookies = document.cookie.split(';');
        for (let cookie of cookies) {
            const [name, value] = cookie.trim().split('=');
            if (name === 'csrftoken') {
                token = decodeURIComponent(value);
                break;
            }
        }
    }
    return token;
}

其他注意事项 #

• CSRF令牌：Django默认会校验所有POST请求的CSRF令牌，所以JS请求必须带上，否则会返回403错误。上面的getCsrfToken函数就是用来获取Cookie中的令牌。
• 响应格式：查重请求用JsonResponse返回JSON数据，方便前端处理；注册请求则按原来的逻辑返回页面或跳转。
• 可选优化：如果后续功能越来越复杂，可以考虑用Django的类视图（比如View）拆分post方法的逻辑，但函数视图对新手更易理解。

内容的提问来源于stack exchange，提问作者Mirosław Wertel