即時保存答案是一種常見的需求，在在線問答、問卷調查等場景下特別常見。為了提高用戶體驗，我們可以使用AJAX技術來實現即時保存答案的功能。

假設我們正在開發一個在線問卷應用，用戶需要回答一系列的問題。傳統的做法是用戶點擊提交按鈕后才保存答案，這樣會造成用戶在填寫過程中發生任何意外（比如瀏覽器崩潰）時都會丟失已經填寫的答案。而通過使用AJAX技術，我們可以在用戶輸入答案的同時將其即時保存到服務器，避免了數據丟失的情況。

為了更好地理解如何使用AJAX實現即時保存答案，我們來看一個簡單的示例。假設我們的問卷應用有一個單選題：“您最喜歡的動物是什么？”用戶可以選擇“貓”、“狗”、“鳥”或其他選項。我們希望用戶每次選擇一個選項時都能自動保存答案。

//HTML代碼
<div>
<label for="option1">貓</label>
<input type="radio" id="option1" name="animal" value="貓" onchange="saveAnswer(this.value)">
</div>
<div>
<label for="option2">狗</label>
<input type="radio" id="option2" name="animal" value="狗" onchange="saveAnswer(this.value)">
</div>
<div>
<label for="option3">鳥</label>
<input type="radio" id="option3" name="animal" value="鳥" onchange="saveAnswer(this.value)">
</div>

//JavaScript代碼
function saveAnswer(answer) {
var xhr = new XMLHttpRequest();
xhr.open("POST", "save-answer.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log("答案保存成功");
}
}
xhr.send("answer=" + encodeURIComponent(answer));
}

在上面的代碼中，我們使用了XMLHttpRequest對象來發送異步請求。當用戶選擇一個選項時，onchange事件觸發，調用saveAnswer函數。該函數創建一個XMLHttpRequest對象，并使用open方法指定要發送的POST請求的目標URL和參數。然后，我們使用setRequestHeader方法設置請求頭，以通知服務器我們發送的是表單數據。接下來，我們監聽xhr對象的onreadystatechange事件，當readyState屬性為4且status屬性為200時，表示請求成功。此時，我們可以打印保存成功的信息。

以上示例演示了如何使用AJAX實現即時保存答案的功能。當用戶選擇一個選項時，答案立即被發送到服務器進行保存，用戶無需手動點擊提交按鈕。這大大提高了用戶體驗，減少了數據丟失的風險。

除了單選題外，使用AJAX實現即時保存答案的方法在多選題、填空題等其他題型也是類似的。我們只需稍作修改即可適應不同的題型和答案類型。此外，我們還可以通過定時器等方式定時將答案保存到服務器，以防止用戶在填寫過程中意外關閉了瀏覽器。

綜上所述，AJAX技術可以幫助我們實現即時保存答案的功能，提高用戶體驗和數據安全性。無論是在線問卷、問答還是其他類似應用，我們都可以采用AJAX來實現這一功能，為用戶提供更好的使用體驗。