在Django应用程序中使用JQuery提交HTML表单

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<form id="myForm" method="POST" action="{% url 'submit_form' %}">
  <!-- 表单字段 -->
  <input type="text" name="username">
  <input type="password" name="password">
  <!-- 提交按钮 -->
  <button type="submit">提交</button>
</form>

<script>
  $(document).ready(function() {
    $('#myForm').submit(function(event) {
      // 阻止表单默认提交行为
      event.preventDefault();
      
      // 获取表单数据
      var formData = $(this).serialize();
      
      // 发送异步POST请求
      $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: formData,
        success: function(response) {
          // 处理成功响应
          console.log(response);
        },
        error: function(xhr, errmsg, err) {
          // 处理错误响应
          console.log(xhr.status + ": " + xhr.responseText);
        }
      });
    });
  });
</script>

from django.shortcuts import render

def submit_form(request):
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        
        # 执行表单提交后的逻辑操作
        
        return HttpResponse('表单提交成功！')
    else:
        return HttpResponse('无效的请求方法！')