在AJAX中，我們可以使用XMLHttpRequest對(duì)象來(lái)發(fā)送HTTP請(qǐng)求并接收響應(yīng)。通過(guò)發(fā)送一個(gè)GET或POST請(qǐng)求，我們可以使用服務(wù)器上的數(shù)據(jù)來(lái)更新頁(yè)面內(nèi)容，而無(wú)需刷新整個(gè)頁(yè)面。然而，如果我們需要跳轉(zhuǎn)到另一個(gè)頁(yè)面，我們必須使用一些額外的技巧。
一種常見的方法是在AJAX請(qǐng)求的成功回調(diào)函數(shù)中，使用JavaScript的window.location屬性來(lái)改變?yōu)g覽器的當(dāng)前URL，從而實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)。例如，假設(shè)我們有一個(gè)按鈕，當(dāng)用戶點(diǎn)擊該按鈕時(shí)，我們需要跳轉(zhuǎn)到另一個(gè)頁(yè)面。
document.getElementById('myButton').addEventListener('click', function() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
window.location.href = xmlhttp.responseText;
}
};
xmlhttp.open('GET', 'myServerScript.php', true);
xmlhttp.send();
});在上述示例中，我們使用addEventListener函數(shù)為按鈕添加了一個(gè)點(diǎn)擊事件監(jiān)聽器。當(dāng)按鈕被點(diǎn)擊時(shí)，會(huì)創(chuàng)建一個(gè)XMLHttpRequest對(duì)象，并將其狀態(tài)改變事件處理程序設(shè)置為一個(gè)匿名函數(shù)。在這個(gè)函數(shù)中，我們檢查請(qǐng)求是否完成（readyState為4）并且沒(méi)有錯(cuò)誤（status為200）。如果是這樣，我們通過(guò)window.location.href來(lái)跳轉(zhuǎn)到服務(wù)器返回的URL。
請(qǐng)注意，這個(gè)例子中的服務(wù)器端腳本"myServerScript.php"應(yīng)該返回一個(gè)URL字符串。例如，服務(wù)器端腳本可以是這樣的：
// myServerScript.php
$newPageURL = "http://www.example.com/newPage.html";
echo $newPageURL;在這個(gè)例子中，服務(wù)器端腳本簡(jiǎn)單地返回一個(gè)包含要跳轉(zhuǎn)的URL的字符串。當(dāng)AJAX請(qǐng)求成功完成時(shí)，客戶端將獲取到這個(gè)字符串，并通過(guò)window.location.href來(lái)跳轉(zhuǎn)到新頁(yè)面。
通過(guò)這種方式，我們可以實(shí)現(xiàn)在不刷新整個(gè)頁(yè)面的情況下，通過(guò)AJAX來(lái)跳轉(zhuǎn)到另一個(gè)頁(yè)面。這在某些特定的場(chǎng)景下非常有用，例如在單頁(yè)應(yīng)用程序中，我們可以根據(jù)用戶的操作動(dòng)態(tài)加載頁(yè)面內(nèi)容并實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)，提供更加流暢的用戶體驗(yàn)。
總之，通過(guò)AJAX技術(shù)我們可以實(shí)現(xiàn)非刷新的頁(yè)面跳轉(zhuǎn)。通過(guò)在請(qǐng)求的成功回調(diào)函數(shù)中使用window.location.href來(lái)改變?yōu)g覽器的當(dāng)前URL，我們可以在不刷新整個(gè)頁(yè)面的情況下跳轉(zhuǎn)到另一個(gè)頁(yè)面。這種方式在很多情況下非常有用，并且可以提供更好的用戶體驗(yàn)。