AJAX（Asynchronous JavaScript and XML）是一种用于在不刷新整个页面的情况下更新部分网页内容的技术。它通过在后台与服务器进行数据交换，使得页面能够动态地更新内容，而无需用户手动刷新页面。本文将介绍如何使用AJAX技术来实现页面的刷新和跳转，并通过多个实例进行说明。

在使用AJAX进行页面刷新和跳转时，可以借助JavaScript的window.location对象来实现。window.location对象允许你获取或设置当前页面的URL，通过改变这个URL，我们可以实现页面的刷新和跳转。

// 刷新当前页面
window.location.reload();
// 跳转页面
window.location.href = "http://www.example.com";

不过，直接使用以上代码会导致整个页面刷新或跳转，而不仅仅是更新部分内容。为了实现通过AJAX刷新页面的效果，我们需要结合AJAX技术和服务器端脚本使用。下面是一个示例，展示了如何使用AJAX通过刷新页面获取最新的新闻条目：

// HTML页面
<div id="newsContainer"></div>
// JavaScript代码
var newsContainer = document.getElementById("newsContainer");
function refreshNews() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "news.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
newsContainer.innerHTML = xhr.responseText;
}
};
xhr.send();
}
refreshNews();

上述代码通过AJAX向服务器发送GET请求，获取最新的新闻条目。一旦服务器返回数据，页面上的div容器将会更新为服务器返回的新闻内容。通过定时调用refreshNews函数，我们可以实现定期获取最新新闻内容的效果。

除了刷新页面，AJAX还可以用于在不刷新整个页面的情况下跳转到其他页面。以下示例展示了如何使用AJAX将用户重定向到另一个页面：

// HTML页面
<div id="redirectContainer"></div>
// JavaScript代码
var redirectContainer = document.getElementById("redirectContainer");
function redirectTo(url) {
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
redirectContainer.innerHTML = xhr.responseText;
window.history.pushState({}, "", url);
}
};
xhr.send();
}
redirectTo("newpage.html");

上述代码通过AJAX向服务器发送GET请求，获取另一个页面的内容。一旦服务器返回数据，页面上的div容器将会更新为新页面的内容，并使用window.history.pushState()方法将URL改变为新页面的URL，从而实现了页面的跳转效果。

综上所述，AJAX可以通过刷新页面和跳转页面的方式实现页面内容的更新。通过结合JavaScript的window.location对象和AJAX技术，我们可以灵活地控制页面的刷新和跳转，以实现更加动态和交互的用户体验。