可以使用以下jQuery代码来防止表单提交后页面跳转:
$(document).ready(function(){
$('#form').submit(function(event){
// 防止表单默认提交
event.preventDefault();
// 将表单数据序列化
var formData = $(this).serialize();
// 发送Ajax请求
$.ajax({
url: "submit.php",
type: "POST",
data: formData,
success: function(data){
// 显示成功消息
$('#message').html(data);
},
error: function(){
// 显示错误消息
$('#message').html("提交失败,请重试。");
}
});
});
});
这段代码使用了jQuery的事件处理函数来监听表单的提交事件,防止表单默认提交,并使用jQuery的Ajax方法来发送提交请求。在提交成功或失败后,使用jQuery的html()方法来显示成功或错误消息。这样就可以在Ajax提交后保持在当前页面,而不是刷新到另一个页面。