使用Ajax來獲取界面輸入的數據非常簡單和方便。通過Ajax，我們可以在不刷新整個頁面的情況下，獲取用戶輸入的數據并進行處理。下面將介紹一些使用Ajax獲取界面輸入數據的示例。
在一個簡單的場景中，假設我們有一個表單，用戶可以在表單中輸入姓名和年齡，點擊提交按鈕后，我們會使用Ajax來獲取用戶輸入的姓名和年齡，并將其顯示在頁面上。首先，我們需要一個包含輸入框和提交按鈕的HTML表單：

html
<form id="myForm">
<label for="name">姓名：</label>
<input type="text" id="name">
<br>
<label for="age">年齡：</label>
<input type="number" id="age">
<br>
<input type="button" value="提交" onclick="submitForm()">
</form>

在這個示例中，我們使用了id屬性來唯一標識輸入框和提交按鈕，方便使用JavaScript進行操作。接下來，我們需要使用Ajax來獲取用戶輸入的數據。可以在JavaScript中定義一個函數來處理表單的提交：

javascript
function submitForm() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
// 使用Ajax發送數據到服務器
var xhr = new XMLHttpRequest();
xhr.open("POST", "example.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
// 將服務器返回的數據顯示在頁面上
document.getElementById("output").innerHTML = response;
}
};
xhr.send("name=" + name + "&age=" + age);
}

在這個函數中，我們首先通過getElementById方法獲取到輸入框的值，然后使用XMLHttpRequest對象來發送請求。在請求的回調函數中，我們可以獲取服務器返回的數據，并將其顯示在頁面上。
最后，我們還需要在頁面上添加一個用于顯示結果的區域：

html
<p>結果：</p>
<pre id="output">

這樣，當用戶填寫完姓名和年齡，并點擊提交按鈕時，頁面將會異步地將用戶輸入的數據發送到服務器，并將服務器返回的數據顯示在結果區域。
除了這個簡單的例子，使用Ajax獲取界面輸入的數據還可以用于更加復雜的場景，比如通過Ajax在后臺進行數據驗證、動態加載新的內容等。使用Ajax可以極大地提升用戶體驗，讓頁面顯得更加流暢和友好。
綜上所述，通過Ajax獲取界面輸入的數據非常簡單，只需要使用JavaScript來獲取用戶輸入的值，并使用Ajax發送請求即可。通過這種方式，我們可以在不刷新頁面的情況下，獲取用戶輸入的數據并進行后續處理。無論是簡單的表單提交還是復雜的數據驗證和內容加載，Ajax都可以發揮重要的作用。