Ajax是一種能夠實現網頁內容異步刷新的技術，在現代網頁開發中得到廣泛應用。通過Ajax，我們可以在不刷新整個頁面的情況下，實現部分頁面的更新。而想要從一個頁面跳轉到另一個頁面，我們可以結合Ajax與JavaScript的力量，在不刷新整個頁面的情況下實現頁面的跳轉。

例如，我們有一個網頁上的按鈕，當用戶點擊該按鈕時，我們希望頁面跳轉到另一個頁面，而不是重新加載整個頁面。使用Ajax，我們可以通過以下步驟實現這樣的效果：

<button onclick="loadNewPage()">點擊跳轉頁面</button>
<script>
function loadNewPage() {
var xhr = new XMLHttpRequest(); // 創建一個Ajax對象
xhr.open("GET", "newpage.html", true); // 發送GET請求，獲取新頁面的內容
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 當請求成功完成時
var response = xhr.responseText; // 獲取服務器返回的響應內容
document.open(); // 打開一個新的空白頁面
document.write(response); // 在新頁面中寫入服務器返回的響應內容
document.close(); // 關閉寫入流
}
};
xhr.send(); // 發送請求
}
</script>

在上面的代碼中，我們首先創建了一個按鈕，添加了一個點擊事件的監聽函數loadNewPage()。當用戶點擊按鈕時，loadNewPage()函數會被執行。在該函數中，我們創建了一個XMLHttpRequest對象，它是Ajax的核心。通過open()方法發送一個GET請求，這里的URL指向我們想要跳轉的頁面newpage.html。

在xhr.onreadystatechange的回調函數中，我們判斷了Ajax請求是否成功完成，即readyState為4，status為200。只有在請求成功完成時，我們才將服務器返回的響應內容寫入一個新的空白頁面中，并關閉寫入流，實現頁面的跳轉。

通過以上代碼，當用戶點擊了按鈕，頁面會跳轉到newpage.html，而無需刷新整個頁面。

除了使用Ajax發送GET請求，我們也可以使用POST請求實現頁面的跳轉。例如，以下代碼片段演示了如何通過Ajax發送POST請求并跳轉到另一個頁面：

<button onclick="loadNewPage()">點擊跳轉頁面</button>
<script>
function loadNewPage() {
var xhr = new XMLHttpRequest(); // 創建一個Ajax對象
xhr.open("POST", "newpage.html", true); // 發送POST請求，獲取新頁面的內容
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); // 設置請求頭
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 當請求成功完成時
var response = xhr.responseText; // 獲取服務器返回的響應內容
document.open(); // 打開一個新的空白頁面
document.write(response); // 在新頁面中寫入服務器返回的響應內容
document.close(); // 關閉寫入流
}
};
xhr.send(); // 發送請求
}
</script>

在上述代碼中，我們使用了相同的方式創建了一個XMLHttpRequest對象，并發送了一個POST請求，將請求頭中的Content-type設置為application/x-www-form-urlencoded。其余部分與GET請求的代碼類似。

總結來說，通過結合Ajax和JavaScript，我們可以實現在不刷新整個頁面的情況下，從一個頁面跳轉到另一個頁面。無論是使用GET還是POST請求，都可以通過Ajax實現這樣的頁面跳轉效果。