在前端開發中，經常需要通過Ajax來獲取后臺數據庫中的數據。而在實際開發中，經常會遇到需要根據用戶輸入的條件來查詢數據庫中的數據的情況。這時候就需要通過Ajax來實現動態查詢功能。通過Ajax可以實現在不刷新頁面的情況下，向后臺發送請求并獲取數據，然后將數據進行展示。本文將介紹如何通過Ajax來獲取查詢數據的方法。

首先，我們需要在前端頁面創建一個搜索框，讓用戶輸入查詢條件。然后通過Ajax獲取用戶輸入的條件，并將其發送到后臺進行查詢。通過后臺返回的數據，再將查詢結果展示在前端頁面中。下面是一個簡單的示例：

<input id="searchBox" type="text" placeholder="請輸入查詢條件" />
<button onclick="searchData()">查詢</button>
<div id="result"></div>
<script>
function searchData() {
var query = document.getElementById('searchBox').value;
var xhr = new XMLHttpRequest();
xhr.open('GET', '/search?query=' + query, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = JSON.parse(xhr.responseText);
document.getElementById('result').innerHTML = result;
}
};
xhr.send();
}
</script>

以上代碼實現了一個簡單的查詢功能。當用戶在搜索框中輸入條件并點擊查詢按鈕時，將會通過Ajax發送一個GET請求，請求的URL為"/search?query=" + query，其中query為用戶輸入的條件。后臺收到請求后，根據條件查詢數據庫并返回結果，前端頁面將返回的結果顯示在id為"result"的div中。

除了GET請求外，還可以使用POST請求來發送查詢條件。使用POST請求時，需要將查詢條件放在請求的body中，而不是放在URL中。下面是一個使用POST請求的示例：

<input id="searchBox" type="text" placeholder="請輸入查詢條件" />
<button onclick="searchData()">查詢</button>
<div id="result"></div>
<script>
function searchData() {
var query = document.getElementById('searchBox').value;
var xhr = new XMLHttpRequest();
xhr.open('POST', '/search', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = JSON.parse(xhr.responseText);
document.getElementById('result').innerHTML = result;
}
};
xhr.send(JSON.stringify({ query: query }));
}
</script>

以上代碼將查詢條件轉換為JSON格式，并將其放在請求的body中發送給后臺。后臺收到請求后，解析請求的body，獲取查詢條件，并根據條件查詢數據庫并返回結果。前端頁面將返回的結果顯示在id為"result"的div中。

總結起來，通過Ajax可以實現動態查詢數據庫中的數據。使用GET請求時，將查詢條件放在URL中；使用POST請求時，將查詢條件放在請求的body中。通過Ajax發送請求并獲取返回的數據，然后將數據在前端頁面中進行展示。