Ajax技術是一種前端開發中常用的技術，它可以使網頁不需要刷新的情況下與服務器進行數據交互，從而提高用戶體驗。在前端開發中使用Ajax可以實現許多功能，例如當用戶點擊一個按鈕時，在頁面上展示相應的信息。本文將以展示一條簡短信息為例，介紹如何使用Ajax技術來實現這一功能。

首先，我們需要一個按鈕來觸發展示信息的功能。在HTML代碼中，我們可以使用一個元素來創建按鈕，并為其添加一個唯一的id，以便后續的JavaScript代碼中進行操作。例如：

點擊展示信息

接下來，我們需要編寫JavaScript代碼，使用Ajax技術來獲取信息并展示在頁面上。首先，我們需要獲取到按鈕的DOM元素，以便后續的事件監聽。然后，我們可以為按鈕添加一個點擊事件監聽器，在按鈕被點擊時執行相應的代碼。例如：

var showInfoBtn = document.getElementById('showInfoBtn');
showInfoBtn.addEventListener('click', function(){
// 在這里編寫獲取信息并展示的代碼
});

在點擊事件的回調函數中，我們需要使用Ajax技術來向服務器發送請求并獲取信息。在這個例子中，我們假設服務器提供一個API接口，用于返回一條隨機的簡短信息。我們可以使用XMLHttpRequest對象來發送GET請求，并監聽其onreadystatechange事件來獲取服務器返回的數據。例如：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 在這里解析并展示獲取到的信息
}
};
xhr.open('GET', '/api/randomInfo', true);
xhr.send();

在上述代碼中，我們使用XMLHttpRequest對象創建了一個AJAX請求，并指定了請求的方法、URL和異步標志。通過調用open()方法和send()方法，我們可以發送請求到服務器并獲取響應。在服務器返回響應后，我們可以通過xhr.responseText屬性來獲取響應內容。

最后，我們需要將獲取到的信息展示在頁面上。可以通過創建一個新的DOM元素，并將信息作為其文本內容插入到頁面中。例如：

var infoContainer = document.createElement('div');
infoContainer.textContent = response;
document.body.appendChild(infoContainer);

在上述代碼中，我們創建了一個新的