AJAX（Asynchronous JavaScript And XML）是一種在網頁中實現異步通信的技術。它可以使網頁在不刷新的情況下，向服務器發送請求并接收響應，從而實現動態更新頁面內容的效果。而MySQL是一種常用的關系型數據庫管理系統，它可以存儲和管理大量結構化的數據。本文將探討如何使用AJAX技術將數據提交到MySQL數據庫。

假設我們有一個表單頁面，用戶需要輸入姓名、年齡和籍貫等信息，并將這些信息保存到數據庫中。首先，我們需要設置一個HTML表單，包含相應的輸入字段和提交按鈕。然后，使用JavaScript代碼編寫AJAX請求，將表單數據發送到后臺服務器進行處理。最后，后臺服務器使用PHP等服務器端語言連接到MySQL數據庫，將數據插入到數據庫中。

以下是一個示例代碼，用于演示使用AJAX提交數據到MySQL：

<form id="myForm">
<label for="name">姓名: </label>
<input type="text" id="name" name="name"><br>
<label for="age">年齡: </label>
<input type="number" id="age" name="age"><br>
<label for="hometown">籍貫: </label>
<input type="text" id="hometown" name="hometown"><br>
<input type="button" value="提交" onclick="submitForm()">
</form>
<script>
function submitForm() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var hometown = document.getElementById("hometown").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "save_data.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert("數據已成功提交到數據庫！");
document.getElementById("myForm").reset();
}
};
xhr.send("name=" + name + "&age=" + age + "&hometown=" + hometown);
}
</script>

在上述代碼中，我們在表單的提交按鈕上添加了一個onclick事件，調用submitForm函數。這個函數首先獲取表單中各個輸入字段的值，并創建一個XMLHttpRequest對象。然后，使用open方法指定要發送的請求類型和目標URL（在本例中為save_data.php）。接下來，我們設置請求頭的Content-Type屬性，指定請求的數據類型為表單數據。然后，我們定義一個onreadystatechange事件處理程序，當AJAX請求的狀態改變時觸發。最后，使用send方法將表單數據發送到服務器。

在服務器端，我們可以使用PHP語言來處理AJAX請求，并將數據插入到MySQL數據庫中：

<?php
$name = $_POST["name"];
$age = $_POST["age"];
$hometown = $_POST["hometown"];
// 建立與MySQL數據庫的連接
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "mydatabase";
$conn = new mysqli($servername, $username, $password, $dbname);
// 檢查連接是否成功建立
if ($conn->connect_error) {
die("連接失敗：" . $conn->connect_error);
}
// 構建插入數據的SQL語句
$sql = "INSERT INTO users (name, age, hometown) VALUES ('$name', '$age', '$hometown')";
// 執行插入操作
if ($conn->query($sql) === TRUE) {
echo "數據已成功插入到數據庫！";
} else {
echo "插入數據時發生錯誤：" . $conn->error;
}
// 關閉與MySQL數據庫的連接
$conn->close();
?>

在上述PHP代碼中，我們首先獲取AJAX請求中提交的表單數據。然后，我們使用mysqli類建立與MySQL數據庫的連接，需要指定數據庫的服務器地址、用戶名、密碼和數據庫名。接下來，我們構建插入數據的SQL語句，并使用query方法執行插入操作。如果插入操作成功，就會返回成功的消息；否則，將返回錯誤信息。最后，我們使用close方法關閉與數據庫的連接。

通過上述的代碼示例，我們可以看到使用AJAX提交數據到MySQL數據庫并不復雜。這種方法可以在不刷新整個頁面的情況下，將用戶輸入的數據實時保存到數據庫中。無論是表單數據、評論或者其他用戶生成的內容，都可以通過AJAX技術方便地提交到MySQL數據庫中。