在Web开发中，我们经常使用Ajax来实现无刷新操作和异步数据交互。然而，有时我们会遇到一个问题：当Ajax请求成功后，想要跳转到另一个页面，但却发现页面没有发生跳转。本文将详细探讨这个问题，并提供解决方法。

首先，我们需要明确一点：Ajax请求成功后跳转页面不起作用的原因主要是因为Ajax请求是异步的。异步请求的特性在很多场景下非常有用，比如提交表单时不需要重新加载整个页面。然而，当我们想要进行页面跳转时，异步请求会带来一些问题。

举个例子来解释这个问题。假设我们有一个评论系统，用户在提交评论后需要跳转到评论列表页面。我们使用如下的Ajax代码实现评论的提交：

$.ajax({
url: "submitComment.php",
type: "POST",
data: {comment: comment},
success: function(response) {
// 跳转到评论列表页面
window.location.href = "commentList.php";
}
});

在这个例子中，当用户提交评论后，Ajax会将评论发送给服务器，并等待服务器返回响应。如果服务器成功处理了评论并返回了成功的响应，那么我们就希望跳转到评论列表页面。然而，当我们尝试使用window.location.href来实现页面跳转时，往往会发现页面没有发生任何改变。

为了解决这个问题，我们需要了解Ajax请求是如何工作的。Ajax请求通过XMLHttpRequest对象发送到服务器，并通过回调函数来处理响应。在这个过程中，浏览器并不会像普通的页面跳转一样立即加载新页面。相反，它会继续执行当前页面的其他代码。

因此，当我们使用window.location.href来实现页面跳转时，由于页面并没有实际发生改变，浏览器不会加载新页面。我们可以通过在success回调函数中使用window.location.href来跳转页面，但需要将其放在一个setTimeout函数中，以便给浏览器足够的时间来加载新页面：

$.ajax({
url: "submitComment.php",
type: "POST",
data: {comment: comment},
success: function(response) {
setTimeout(function() {
// 跳转到评论列表页面
window.location.href = "commentList.php";
}, 100);
}
});

通过这样的处理，我们可以保证页面能够成功跳转。

除了使用setTimeout函数外，还有其他一些解决方法。例如，可以在服务器端处理完评论后，在响应中返回跳转的URL，并在success回调函数中使用window.location.href进行页面跳转：

$.ajax({
url: "submitComment.php",
type: "POST",
data: {comment: comment},
success: function(response) {
// response应包含跳转的URL
window.location.href = response.redirectURL;
}
});

通过这种方式，我们可以将页面跳转的逻辑完全交给服务器端处理，避免了异步请求带来的问题。

综上所述，当Ajax请求成功后想要跳转页面不起作用的原因是异步请求的特性所致。为了解决这个问题，我们可以使用setTimeout函数来延迟页面跳转，或者将页面跳转的逻辑交给服务器端处理。