简单的使用jquery获取表单数据

在jQuery中，可以使用serialize()方法来获取表单数据。这个方法会把表单中的所有有name属性的表单元素值组合成一个查询字符串。

以下是一个简单的例子：

HTML 表单代码：




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

jQuery 代码：




$(document).ready(function() {
  $('form#myForm').submit(function(e) {
    e.preventDefault(); // 阻止表单提交
    var formData = $(this).serialize();
    console.log(formData); // 输出表单数据
  });
});

当提交表单时，控制台会输出如下格式的字符串：




username=JohnDoe&password=myPassword

这样就可以轻松获取表单数据并处理。

简单的使用jquery获取表单数据

评论已关闭

推荐阅读