在現代的網頁開發中，JavaScript 是不可或缺的一部分。而 AJAX 技術更是讓網頁變得更加交互化和快速。AJAX（Asynchronous JavaScript and XML）即異步 JavaScript 和 XML，是一種網頁開發技術，允許網頁無需刷新就可以進行網絡通信。我們可以使用 JavaScript 發送一個或多個 HTTP 請求到服務器端，接收返回的數據并更新網頁內容。一些經典的應用和站點，如 Gmail、Google Maps、Facebook 等都使用了 AJAX 技術。

AJAX 基于現有的 Web 標準，利用瀏覽器內置的 XMLHttpRequest 對象進行異步數據通信。下面是一個最基本的 AJAX 請求代碼：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/ajax/data');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
else {
console.log('Request failed.');
}
};
xhr.send();

上述代碼發送了一個 GET 請求到 http://example.com/ajax/data 地址，返回的結果保存在 xhr.responseText 中。在服務器端返回數據時，應該設置正確的 Content-Type 響應頭，以便瀏覽器可以正確地將響應解析為指定的格式。

在實際開發中，我們使用 AJAX 技術通常不會直接使用 XMLHttpRequest 對象，而是使用一些封裝庫，例如 jQuery、Fetch API，來簡化 AJAX 請求的編寫過程，以及提供更加豐富的 API。下面是使用 jQuery 對 AJAX 請求進行封裝的代碼：

$.ajax({
url: 'http://example.com/ajax/data',
method: 'GET',
dataType: 'json'
}).done(function(data) {
console.log(data);
}).fail(function() {
console.log('Request failed.');
});

在這里，我們使用了 jQuery 的 $.ajax 方法來發送 AJAX 請求。其中傳入一個配置對象，該對象用來指定請求的 URL、請求方法、數據類型等參數。在發生請求成功或失敗時，使用了 done 和 fail 方法來進行回調。

在實際項目中，我們通常會使用 AJAX 請求來獲取頁面內容，更新頁面數據，以及提交表單數據等。下面演示了如何使用 AJAX 響應用戶的輸入并展示結果：

// HTML 代碼
<div id="result"></div>
<form id="calc-form">
<input type="text" name="n1">
<select name="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="n2">
<button type="submit">Calculate</button>
</form>
// JavaScript 代碼
$('#calc-form').on('submit', function(e) {
e.preventDefault(); // 阻止表單提交
var formData = $(this).serialize(); // 序列化表單數據
$.ajax({
url: 'http://example.com/calc',
method: 'POST',
data: formData
}).done(function(data) {
$('#result').text(data.result);
}).fail(function() {
$('#result').text('Calculation failed.');
});
});

在這個例子中，我們展示了一個簡單的計算器，當用戶提交表單時，使用 AJAX 發送表單數據到服務器端進行計算。在服務器端返回結果后，我們使用 done 方法將計算結果展示在頁面上。這個例子演示了如何使用 AJAX 對用戶的輸入進行響應，并通過動態更新頁面內容給用戶即時反饋。

總之，使用 AJAX 技術可以使網頁更加交互化和快速，更好地響應用戶的輸入和操作。我們可以使用 XMLHttpRequest、jQuery 和 Fetch API 等工具對 AJAX 請求進行封裝和管理，讓我們更加容易地進行 AJAX 開發。