如何使用Javascript提交Django表单？

<!-- 前端页面 -->
<form id="myForm">
  <input type="text" id="name" name="name" placeholder="姓名">
  <input type="email" id="email" name="email" placeholder="邮箱">
  <button type="submit">提交</button>
</form>

<script>
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取表单数据
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;

    // 发送异步请求到Django后端
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "/submit-form"); // 替换为实际的后端接口地址
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 请求成功处理
        console.log(xhr.responseText);
      }
    };
    var data = JSON.stringify({ "name": name, "email": email });
    xhr.send(data);
  });
</script>

from django.http import JsonResponse

def submit_form(request):
    if request.method == "POST":
        name = request.POST.get("name")
        email = request.POST.get("email")
        
        # 处理表单数据，如数据验证、存储到数据库等
        
        return JsonResponse({"message": "表单提交成功"})