然而，这种方式在用户体验上往往不够流畅，特别是当需要基于用户输入即时反馈或保持页面状态不变时

    因此，利用JavaScript（特别是Ajax技术）来处理表单提交并异步获取服务器返回的数据成为了现代Web开发的标配

     1. 阻止表单的默认提交行为 首先，要实现JavaScript控制下的表单提交，我们需要阻止表单的默认提交行为

    这可以通过监听表单的`submit`事件并调用事件对象的`preventDefault()`方法来实现

     document.querySelector(#myForm).addEventListener(submit,function(event){ event.preventDefault(); // 接下来处理表单数据并提交到服务器 }); 2. 收集表单数据 在阻止表单默认提交后，我们可以使用JavaScript来收集表单中的数据

    这可以通过直接访问表单元素的`value`属性或使用`FormData`对象来实现

    `FormData`对象提供了一种表示表单数据的键值对集合的方式，并且可以轻松地通过`XMLHttpRequest`或`fetch` API发送到服务器

     var formData = newFormData(document.querySelector(#myForm));