AJAX（Asynchronous JavaScript and XML）是一種在網頁上進行異步數據交互的技術，它可以實現在不刷新整個頁面的情況下，從服務器上獲取數據并更新網頁的部分內容。在開發過程中，我們經常需要從數據庫中獲取數據并進行展示，本文將介紹如何使用AJAX與Oracle數據庫進行交互，獲取查詢結果并將其展示在網頁上。

假設我們有一個學生信息管理系統，我們希望展示所有學生的信息。我們可以通過AJAX發送一個請求到后端，后端將執行查詢語句并返回查詢結果。我們可以使用Oracle數據庫來存儲學生的信息，下面是一個簡單的例子：

<script>
function getStudents() {
// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的方法和URL
xhr.open('GET', '/api/students', true);
// 監聽請求的響應
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析響應的JSON數據
var students = JSON.parse(xhr.responseText);
// 在頁面上展示學生信息
var studentList = document.getElementById('student-list');
students.forEach(function(student) {
var listItem = document.createElement('li');
listItem.innerText = student.name + ' - ' + student.age;
studentList.appendChild(listItem);
});
}
};
// 發送請求
xhr.send();
}
</script>

在上面的例子中，我們首先創建了一個XMLHttpRequest對象，然后設置了請求的方法和URL。這里我們假設后端的API路徑是'/api/students'，它會執行一個查詢語句來獲取學生的信息。當響應的狀態改變時，我們檢查是否完成請求，并且響應的狀態碼是否為200。如果是，我們將解析響應的JSON數據，并使用JavaScript動態地將學生的信息展示在頁面上。

需要注意的是，在實際的開發中，我們需要將代碼進行封裝和模塊化，以提高代碼的可維護性和重用性。上面的例子只是一個簡單的示例，真實的項目中可能還需要處理錯誤、分頁、條件查詢等情況。

綜上所述，使用AJAX與Oracle數據庫進行交互，我們可以輕松地從數據庫中獲取查詢結果，并將其展示在網頁上。這為我們提供了更靈活、更高效的數據交互方式，并且可以提升用戶的體驗。