AJAX是一種用于在Web頁面上進行異步數據請求和更新的技術。它可以幫助我們在不刷新頁面的情況下與服務器進行通信，并根據返回的數據來更新頁面內容。在本文中，我們將探討如何使用AJAX在同級目錄之間進行頁面跳轉。
通常情況下，在Web開發中，我們會使用超鏈接（標簽）來實現頁面之間的跳轉。但是在某些情況下，我們希望通過AJAX異步加載頁面內容，以提升用戶體驗。這時，我們可以利用AJAX的能力來實現同級目錄之間的頁面跳轉。
假設我們有一個網站，其中包含了兩個頁面：index.html和detail.html，它們位于同一個目錄下。當用戶在index.html頁面點擊一個按鈕時，我們希望通過AJAX加載detail.html頁面的內容，而不是直接跳轉到新的URL。
// index.html
在上面的代碼中，我們首先在index.html頁面中創建了一個按鈕，通過onclick事件觸發loadDetail函數。在這個函數中，我們使用XMLHttpRequest對象創建了一個GET請求，請求的URL為‘detail.html’，并將異步標志設置為true。
然后，我們監聽XHR對象的readystatechange事件。每次XHR對象的狀態發生改變時（比如接收到響應的某個階段），該事件就會被觸發。在這個例子中，我們僅對狀態為4（完成）和響應碼為200（成功）的情況進行處理。
當滿足條件時，我們將響應的HTML內容設置為頁面中id為‘detail’的元素的innerHTML屬性值，從而顯示detail.html頁面的內容。
通過這種方式，我們成功地通過AJAX實現了在同級目錄下跳轉頁面的效果。當用戶點擊按鈕時，detail.html頁面的內容會被異步加載到index.html頁面中的div元素中。
上面的例子只是AJAX同級目錄跳轉頁面的一種實現方式，如果我們的網站有更多的頁面需要跳轉，并且這些頁面之間存在復雜的業務邏輯，我們可以考慮使用前端框架（如React、Vue等）來進行頁面路由的管理。
總之，AJAX是一種強大的技術，可以幫助我們在Web開發中實現靈活的頁面跳轉方式。通過使用AJAX，我們可以在同級目錄下異步加載頁面內容，提升用戶體驗和頁面加載速度。希望本文能幫助你了解如何使用AJAX進行同級目錄跳轉頁面的功能。