JQuery-将表单数据发布到API

我有一个HTML基本表单，如下所示：

<form id="myForm">
   <input type="text" id="name" name="name" />
   <br />
   <input type="text" id="email" name="email" />

  <input type="button" id="myButton" onclick="sendIt();">Send It</input>
</form>

<script type="text/javascript">
  function sendIt() {
    var endpoint = '/send-it';

    var xhr = new XMLHttpRequest();
    xhr.open('POST', endpoint, true);
    xhr.send();  
  }
</script>

但是，这似乎只与追加到查询字符串有关。如何使用jQuery通过AJAX向我的服务发布

myForm

---

谢谢

我相信你想要这样的东西

$.ajax({
    type: "POST",
    url: url,
    data: data,
    success: function () {},
    dataType: dataType
});

看

要序列化，可以使用：

$('form').serializeArray()

看

然后您的代码：

function sendIt() {
    var endpoint = '/send-it'; 

    $.ajax({ 
        type: "POST",
        url: endpoint,
        data: $('#myForm').serializeArray(),
        success: function () {
            alert('success post');
        }
    });
}

可能重复的

function sendIt() {
    var endpoint = '/send-it'; 

    $.ajax({ 
        type: "POST",
        url: endpoint,
        data: $('#myForm').serializeArray(),
        success: function () {
            alert('success post');
        }
    });
}