从jQuery的submit()
方法中获取HTMLFormElement对象,可以使用以下方法:
$('form').submit(function(event) {
// 获取表单元素
var formElement = event.target;
// 或者
var formElement = this;
// 处理表单数据
// ...
// 阻止表单默认提交行为
event.preventDefault();
});
在这个示例中,我们使用jQuery选择器选择表单元素,并在submit
事件处理程序中获取HTMLFormElement对象。event.target
和this
都指向表单元素。
如果需要在表单提交后将数据发送到服务器,可以使用jQuery的ajax()
方法:
$('form').submit(function(event) {
// 获取表单元素
var formElement = event.target;
// 或者
var formElement = this;
// 获取表单数据
var formData = $(formElement).serialize();
// 发送表单数据到服务器
$.ajax({
url: '/submit',
type: 'POST',
data: formData,
success: function(response) {
// 处理服务器响应
// ...
},
error: function(xhr, status, error) {
// 处理错误
// ...
}
});
// 阻止表单默认提交行为
event.preventDefault();
});
在这个示例中,我们使用jQuery的serialize()
方法将表单数据序列化为字符串,并使用ajax()
方法将数据发送到服务器。在服务器响应成功或出现错误时,我们可以执行相应的操作。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云