Django Javascript Ajax -提交表单不做任何事情

<!-- 前端页面 -->
<form id="myForm">
  <!-- 表单内容 -->
  <input type="text" name="username" placeholder="用户名">
  <input type="password" name="password" placeholder="密码">
  <button type="submit">提交</button>
</form>

<script>
  // 使用JavaScript和Ajax监听表单提交事件
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 发送Ajax请求
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "/submit", true);
    xhr.setRequestHeader("Content-Type", "application/json");

    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 请求成功，根据需要进行相应的提示或处理
        console.log("提交成功");
      }
    };

    xhr.send(JSON.stringify({
      username: document.getElementsByName("username")[0].value,
      password: document.getElementsByName("password")[0].value
    }));
  });
</script>