AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下，與服務器進行數據交互的技術。本文將討論如何使用AJAX將單選題傳入數據庫。通過AJAX，用戶可以選擇單選題的答案，在提交按鈕點擊后，答案將被異步發送到服務器并存儲在數據庫中。以下是一個簡單的例子來說明如何實現這個功能。

我們先來看一下前端的代碼：

<!-- HTML頁面 -->
<form id="quizForm" method="post">
<h3>Which programming language is used for web development?</h3>
<input type="radio" name="language" value="Java"> Java<br>
<input type="radio" name="language" value="Python"> Python<br>
<input type="radio" name="language" value="JavaScript"> JavaScript<br>
<input type="radio" name="language" value="C#"> C#<br>
<button id="submitBtn" type="button">Submit</button>
</form>

在這個例子中，我們有一個包含多個單選題的表單，其中每個單選題都有一個name屬性，取值為"language"。我們為每個選項提供一個value屬性，表示不同的編程語言。

接下來，我們使用AJAX來處理表單的提交事件：

<!-- JavaScript代碼 -->
<script>
document.getElementById("submitBtn").addEventListener("click", function () {
var form = document.getElementById("quizForm");
var selectedOption = form.elements["language"].value;
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 === XMLHttpRequest.DONE && xhr.status === 200) {
alert("Answer saved successfully!");
} else {
alert("An error occurred while saving the answer.");
}
};
var data = "answer=" + selectedOption;
xhr.send(data);
});
</script>

在上面的代碼中，我們首先獲取表單和被選擇的選項。然后，我們創建一個XMLHttpRequest對象，并通過POST方法將數據發送到一個名為"save_answer.php"的服務器端腳本。我們還設置了請求頭的Content-type屬性，告訴服務器我們發送的是表單數據。接下來，我們定義了一個回調函數，以處理服務器響應。最后，我們使用send方法將數據發送到服務器。

下面是服務器端的代碼（save_answer.php）：

<!-- PHP代碼 -->
<?php
$answer = $_POST["answer"];
// 將答案保存到數據庫中的代碼
echo "Answer saved successfully!";
?>

在服務器端腳本中，我們通過$_POST全局變量獲取發送的答案。然后，我們可以執行將答案存儲到數據庫的相應操作。這里只是一個簡單的例子，實際操作中可能會有更復雜的邏輯。最后，我們通過echo語句將成功消息發送回前端。

通過以上代碼，我們實現了使用AJAX將單選題的答案傳入數據庫的功能。用戶選擇答案并點擊提交按鈕后，答案將被異步發送到服務器，并存儲在數據庫中。這樣，我們就可以輕松地收集和分析用戶的答案了。