Ajax是一種用于在Web頁面中實現異步數據交互的技術。通過Ajax，可以在不刷新整個頁面的情況下，實現輸入功能的實時響應。這意味著用戶在輸入的同時，可以隨時獲得相關的反饋信息。例如，在一個搜索功能中，當用戶輸入關鍵字時，頁面會自動顯示與該關鍵字相關的結果。

為了更好地理解Ajax實現輸入功能的原理，我們舉一個簡單的例子。假設在一個網頁上有一個表單，用戶可以通過表單輸入自己的姓名。當用戶在輸入框中鍵入自己的名字時，我們可以使用Ajax來實時獲取并顯示可能與用戶輸入相關的信息。通過Ajax，我們可以在用戶輸入的同時，向服務器發送請求，檢查數據庫中是否有與用戶輸入相關的信息，并將返回的結果實時展示在頁面上。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽輸入事件
document.getElementById('nameInput').addEventListener('input', function() {
var name = document.getElementById('nameInput').value;
// 向服務器發送請求
xhr.open('GET', '/search?name=' + name, true);
xhr.onreadystatechange = function() {
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var results = response.results;
// 將返回的結果展示在頁面上
var resultContainer = document.getElementById('resultContainer');
resultContainer.innerHTML = '';
for(var i = 0; i < results.length; i++) {
var result = document.createElement('p');
result.innerHTML = results[i];
resultContainer.appendChild(result);
}
}
};
xhr.send();
});

在這段代碼中，我們首先創建了一個XMLHttpRequest對象。接著，我們監聽輸入框的input事件，每當用戶輸入內容時，就會觸發該事件的處理函數。在處理函數中，我們獲取用戶輸入的名字，并向服務器發送一個GET請求，請求的URL中包含了用戶輸入的名字。服務器接收到這個請求后，會從數據庫中查找與用戶輸入相關的信息，并將結果以JSON格式返回。

在接收到服務器返回的結果后，我們將它展示在頁面上。首先，我們通過getElementById方法找到一個容器元素resultContainer，以便將返回的結果插入其中。然后，我們遍歷服務器返回的結果數組，并創建一個

元素來展示每個結果。最后，將創建的

元素添加到resultContainer容器中。

以上只是一個簡單的例子，展示了如何使用Ajax實現輸入功能。實際應用中，我們可以根據具體的需求，對代碼進行適當的修改和擴展。無論是實現搜索功能、自動補全、表單驗證，還是其他類似的功能，Ajax都可以幫助我們在用戶輸入的同時，實時獲取并展示相關的數據，提升用戶體驗。