无需重新加载页面即可提交Django表单

<form id="myForm" method="post">
  {% csrf_token %}
  <!-- 表单字段 -->
  <input type="text" name="username">
  <input type="password" name="password">
  <button type="submit">提交</button>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#myForm').submit(function(event) {
      event.preventDefault(); // 阻止表单默认提交行为

      // 使用Ajax发送异步请求
      $.ajax({
        url: '/submit-form/', // 后端处理URL
        type: 'POST',
        data: $(this).serialize(), // 序列化表单数据
        success: function(response) {
          // 根据后端返回的结果进行处理
          if (response.success) {
            alert('提交成功');
          } else {
            alert('提交失败');
          }
        },
        error: function() {
          alert('请求失败');
        }
      });
    });
  });
</script>

from django.http import JsonResponse

def submit_form(request):
    if request.method == 'POST':
        # 处理表单数据
        username = request.POST.get('username')
        password = request.POST.get('password')

        # 进行表单验证和业务逻辑处理

        # 返回结果
        return JsonResponse({'success': True})