简单的使用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
这样就可以轻松获取表单数据并处理。
评论已关闭