在網頁開發中，經常會遇到需要刷新頁面的場景。而有時候我們希望在刷新頁面后，能夠保持原頁面的狀態，例如保持滾動條位置、保留表單填寫的內容等。為了實現這樣的效果，可以使用AJAX技術來刷新頁面，而不是用傳統的刷新方式。本文將介紹如何使用AJAX來刷新頁面并保持原頁面的狀態。 首先，讓我們來看一個例子。假設我們有一個博客網站，用戶可以在網站上發表評論。當用戶點擊提交按鈕后，我們希望頁面能夠保持原來的滾動條位置和用戶已填寫的評論內容。傳統的方式是使用表單的提交來實現評論功能，但這樣會觸發頁面的刷新，導致滾動條回到頂部，而用戶已填寫的評論內容也會丟失。為了解決這個問題，我們可以使用AJAX來局部刷新頁面。 在上述示例中，我們可以使用以下JavaScript代碼來實現： ```html``` 在上面的代碼中，我們首先獲取了用戶填寫的評論內容，并創建了一個AJAX對象。然后，我們設置了一個回調函數，當AJAX請求成功返回時，會執行這個函數。在回調函數中，我們首先更新了評論列表的內容，將服務器返回的結果顯示在網頁中。接著，我們使用`window.scrollTo()`函數將滾動條位置保持在頁面底部。 通過使用AJAX來刷新頁面，我們實現了在提交評論后保持滾動條位置和評論內容的效果。這種方法可以讓用戶在評論后無需重新瀏覽整個頁面，提升了用戶體驗。 除了保持滾動條位置和表單內容，還可以使用AJAX來局部刷新其他部分的頁面。例如，在購物網站上，當用戶點擊加入購物車按鈕時，我們可以使用AJAX將購物車圖標上的數量進行更新，而不需要刷新整個頁面。這樣可以提高網站的性能和響應速度。 總結起來，通過使用AJAX來刷新頁面并保持原頁面的狀態，我們可以提升用戶體驗，減少頁面的加載時間。AJAX是一種非常強大的技術，在現代Web開發中得到了廣泛應用。希望本文對你理解AJAX的使用方式和優勢有所幫助。