首先，在HTML文件中為按鈕添加一個點擊事件的監聽器。當用戶點擊按鈕時，觸發該事件。
```javascript```
當用戶點擊按鈕時，Ajax函數`loadData()`會被調用，并將目標頁面的URL作為參數傳遞給它。
接下來，我們需要定義`loadData()`函數來發送Ajax請求并加載目標頁面的內容：
```javascript
function loadData(url) {
var xhr = new XMLHttpRequest(); // 創建XMLHttpRequest對象
xhr.open('GET', url, true); // 發送GET請求
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 請求成功
var response = xhr.responseText; // 獲取響應的HTML內容
document.getElementById('content').innerHTML = response; // 更新目標頁面的內容
history.replaceState(null, '', url); // 修改瀏覽器的URL地址而不刷新頁面
}
};
xhr.send();
}
```在`loadData()`函數中，我們首先創建一個XMLHttpRequest對象，然后打開一個GET請求，將目標頁面的URL作為參數傳遞給它。接著，我們定義了一個`onreadystatechange`事件處理函數，當Ajax請求狀態發生改變時被觸發。當`readyState`為4且`status`為200時，表示請求成功，我們可以獲取到目標頁面的響應內容。然后，我們將獲取到的HTML內容更新到目標頁面的相應元素中（這里假設目標頁面有一個id為`content`的元素用來顯示內容）。最后，為了修改瀏覽器的URL而不刷新頁面，我們使用`history.replaceState()`方法，將目標頁面的URL作為參數傳遞給它。
可以看到，通過使用Ajax技術，我們實現了頁面的無刷新跳轉。用戶點擊按鈕后，頁面會加載目標頁面的內容，并且瀏覽器的URL也發生了相應的變化。這樣，用戶就可以在不刷新整個頁面的情況下查看留言的詳情了。
除了上述示例，還有許多其他情況下可以使用Ajax實現頁面跳轉。比如，在一個在線商城中，用戶可以在商品列表頁通過點擊商品圖片或名稱進入商品詳情頁。通過使用Ajax，我們可以在商品詳情頁中異步加載商品的詳細信息，而不需要刷新整個頁面。這種方式不僅節省了用戶的等待時間，還提供了更好的用戶體驗。
綜上所述，通過使用Ajax技術，我們可以實現頁面之間的無刷新跳轉。無論是查看留言的詳情頁還是商品的詳細信息頁面，都可以通過異步加載的方式提升用戶體驗。希望本文能夠幫助你理解Ajax中如何使用跳轉頁面的方法。