ajax请求完如何让页面跳转
时间: 2023-11-07 12:50:42 浏览: 120
在 Ajax 请求完成后,可以使用 JavaScript 来实现页面跳转。你可以使用 `window.location` 对象的 `href` 属性来指定新页面的 URL,从而实现页面跳转。
下面是一个示例代码,展示了如何在 Ajax 请求完成后进行页面跳转:
```javascript
// 创建一个 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 发起 Ajax 请求
xhr.open('GET', '/your-ajax-endpoint', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 请求成功后,执行页面跳转
window.location.href = '/new-page';
} else {
// 请求失败的处理逻辑
console.error('Ajax request failed.');
}
}
};
xhr.send();
```
在上述代码中,当 Ajax 请求的状态变为 `XMLHttpRequest.DONE`(即请求完成)时,会检查响应的状态码 `xhr.status` 是否为 200。如果是 200,则表示请求成功,执行 `window.location.href` 将会跳转到指定的新页面。如果请求失败(状态码不是 200),可以根据需要进行错误处理。
阅读全文