AJAX是一种技术，它可以在不刷新整个页面的情况下向服务器发送请求并接收响应。在web开发中，常使用AJAX来实现提交表单并跳转页面的功能。本文将介绍如何使用AJAX提交表单，并且成功提交后跳转到另一个页面。

首先，我们需要一个包含表单的HTML页面。比如说，我们有一个注册页面，用户需要填写用户名和密码。我们可以使用以下代码来创建一个简单的注册表单：

<form id="registerForm" method="post" action="register.php">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="注册">
</form>

接下来，我们需要使用JavaScript来处理提交事件，并使用AJAX来发送表单数据到服务器。我们可以使用jQuery库的ajax方法来实现这一功能：

$('#registerForm').submit(function(event) {
// 阻止表单的默认提交行为
event.preventDefault();
// 获取表单数据
var formData = $(this).serialize();
// 使用AJAX发送表单数据到服务器
$.ajax({
url: $(this).attr('action'),
type: $(this).attr('method'),
data: formData,
success: function(response) {
// 成功提交后跳转页面
window.location.href = 'success.html';
}
});
});

这段代码首先使用submit函数来捕获表单的提交事件，并通过event.preventDefault()阻止表单的默认提交行为。接着，使用serialize()方法获取表单数据，并使用AJAX发送POST请求到服务器。当服务器成功处理请求后，success函数会被触发，我们可以在该函数内部使用window.location.href跳转到指定的页面。在这个例子中，成功提交后会跳转到success.html页面。

在这个注册表单的例子中，我们使用AJAX来提交表单并跳转页面。类似的，我们还可以使用AJAX在其他情况下完成同样的操作。比如说，在一个评论表单提交后跳转到评论列表页面：

<form id="commentForm" method="post" action="addComment.php">
<textarea id="comment" name="comment"></textarea><br>
<input type="submit" value="提交评论">
</form>

使用与上面类似的JavaScript代码：

$('#commentForm').submit(function(event) {
event.preventDefault();
var formData = $(this).serialize();
$.ajax({
url: $(this).attr('action'),
type: $(this).attr('method'),
data: formData,
success: function(response) {
// 成功提交后跳转页面到评论列表页
window.location.href = 'comments.html';
}
});
});

在这个例子中，当用户提交评论后，表单数据会通过AJAX发送到服务器，并在成功处理后跳转到评论列表页面。

总之，使用AJAX提交表单并跳转页面是一种常见的web开发需求。通过使用JavaScript和AJAX技术，我们可以实现不需要整个页面刷新的表单提交功能，并在成功提交后跳转到指定页面。