使用jquery获取表单数据,在控制台打印结果
要使用jQuery获取表单数据并在控制台中打印结果,你可以使用.serialize()
方法来序列化表单元素为URL编码的字符串,然后使用console.log()
来打印结果。以下是一个简单的示例:
HTML 表单代码:
<form id="myForm">
<input type="text" name="username" value="JohnDoe" />
<input type="password" name="password" value="myPassword" />
<input type="submit" value="Submit" />
</form>
jQuery 代码:
$(document).ready(function() {
$('#myForm').submit(function(e) {
e.preventDefault(); // 阻止表单的默认提交行为
var formData = $(this).serialize(); // 序列化表单数据
console.log(formData); // 在控制台打印结果
});
});
在上面的代码中,当表单被提交时,我们阻止了它的默认行为并获取了表单数据。然后,我们使用serialize
方法将表单数据序列化为查询字符串(例如:username=JohnDoe&password=myPassword
),最后在控制台中打印结果。
评论已关闭