AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下，通過在后臺與服務器進行數據交換的技術。

使用AJAX可以直接顯示數據，提升用戶體驗，減少頁面的刷新和加載時間。下面通過幾個例子來說明如何使用AJAX直接顯示數據。

例子1:

<script>
function displayData() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("data").innerHTML = this.responseText;
}
};
xhttp.open("GET", "data.php", true);
xhttp.send();
}
</script>
<button onclick="displayData()">顯示數據</button>
<div id="data"></div>

在這個例子中，當用戶點擊“顯示數據”按鈕時，JavaScript代碼會發送一個GET請求到服務器上的data.php文件。當服務器返回響應時，JavaScript代碼將服務器返回的數據顯示在名為“data”的div元素中。

例子2:

<script>
function searchUser() {
var name = document.getElementById("search").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xhttp.open("GET", "search.php?name=" + name, true);
xhttp.send();
}
</script>
<input type="text" id="search">
<button onclick="searchUser()">搜索用戶</button>
<div id="result"></div>

在這個例子中，當用戶輸入一個用戶名并點擊“搜索用戶”按鈕時，JavaScript代碼會發送一個帶有查詢參數的GET請求到服務器上的search.php文件。服務器根據查詢參數來返回相應的用戶信息，然后JavaScript代碼將返回的數據顯示在名為“result”的div元素中。

通過這些例子可以看到，使用AJAX可以直接顯示數據，避免了整個頁面的刷新和加載。這大大提升了用戶體驗，減少了等待時間。無論是展示數據還是搜索用戶，AJAX都可以讓我們以更加快捷的方式與服務器進行數據交換。