通过Jquery获取表单的数据

要通过jQuery获取表单数据，可以使用serialize()方法来序列化表单元素（转换为URL编码的字符串），或者使用serializeArray()方法来获取表单数据的JSON数组。

以下是使用这两种方法的示例代码：

使用serialize()方法：

$(document).ready(function(){
  $("#myForm").submit(function(event){
    event.preventDefault(); // 阻止表单提交
    var formData = $(this).serialize();
    console.log(formData);
  });
});

使用serializeArray()方法：

$(document).ready(function(){
  $("#myForm").submit(function(event){
    event.preventDefault(); // 阻止表单提交
    var formDataArray = $(this).serializeArray();
    console.log(formDataArray);
  });
});

在这两个例子中，我们都假设有一个表单元素，如下所示：

<form id="myForm">
  <input type="text" name="username" value="JohnDoe">
  <input type="password" name="password" value="myPassword">
  <input type="submit">
</form>

当表单被提交时，我们通过event.preventDefault()防止它的默认提交行为，然后使用jQuery方法获取表单数据，并将其打印到控制台。