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

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

<!-- 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"。我們?yōu)槊總€選項提供一個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>

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

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

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

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

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