如何在表单中使用类型submit使用onclick从函数发送数据

<form id="myForm" method="POST">
  <!-- 表单内容 -->
  <input type="submit" value="Submit" onclick="sendData()">
</form>

function sendData() {
  // 获取表单元素
  var form = document.getElementById("myForm");
  
  // 创建一个FormData对象，用于存储表单数据
  var formData = new FormData(form);
  
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  
  // 设置请求方法和URL
  xhr.open("POST", "http://example.com/api", true);
  
  // 设置请求头（如果需要）
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  
  // 监听请求状态变化
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功，处理返回的数据
      var response = xhr.responseText;
      console.log(response);
    }
  };
  
  // 发送表单数据
  xhr.send(formData);
}