AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式Web应用程序的技术。通过AJAX，我们可以实现在不刷新整个页面的情况下，从服务器获取数据，并将数据动态地显示到网页上。而结合数据库，我们可以通过AJAX来实现对数据的增、删、改等操作。本文将详细介绍如何使用AJAX获取和修改数据库中的数据。
首先，让我们来看一个简单的例子，假设我们有一个网页上显示了一个商品列表，并对应了一个数据库中的表。我们希望用户可以通过点击按钮，在网页上添加新的商品，并将新增的商品信息保存到数据库中，以便下次访问时可以恢复。
<html>
<head>
<script>
function addProduct() {
var productName = document.getElementById("productName").value;
var productPrice = document.getElementById("productPrice").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "addProduct.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert("商品添加成功！");
}
};
xhr.send("name=" + productName + "&price=" + productPrice);
}
</script>
</head>
<body>
<input type="text" id="productName" placeholder="请输入商品名称">
<input type="text" id="productPrice" placeholder="请输入商品价格">
<button onclick="addProduct()">添加商品</button>
</body>
</html>上述代码中，我们使用了XMLHttpRequest对象来发送一个POST请求到服务器的addProduct.php文件。在服务器端，我们可以接收到通过POST方式传递过来的商品名称和价格，并将这些信息保存到数据库中。完成商品添加后，服务器返回一个成功的响应，我们在客户端利用AJAX的onreadystatechange事件来判断是否成功添加商品并提供相应的提示。
接下来，我们看一下服务器端的代码，即addProduct.php文件。这里我们使用了PHP语言和MySQL数据库：
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "product_list";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 获取通过POST方式传递过来的商品名称和价格
$productName = $_POST["name"];
$productPrice = $_POST["price"];
// 将商品信息添加到数据库表中
$sql = "INSERT INTO products (name, price) VALUES ('$productName', '$productPrice')";
if ($conn->query($sql) === TRUE) {
echo "商品添加成功！";
} else {
echo "商品添加失败: " . $conn->error;
}
$conn->close();
?>在上面的PHP代码中，我们首先创建了与数据库的连接，然后获取通过POST方式传递过来的商品名称和价格。接着，我们将商品信息插入到数据库的products表中。如果插入操作成功，我们返回一个成功的响应；否则，返回添加失败的错误信息。
通过上述例子，我们可以看到如何利用AJAX来实现对数据库的数据修改操作。通过发送HTTP请求，我们可以将客户端的数据传递到服务器端，并在服务器端进行相应的处理。在实际应用中，我们可以根据具体需求，结合AJAX和数据库的相关操作，来实现更复杂的功能。
总之，AJAX提供了一种强大的方式来实现Web应用程序中与数据库的交互。通过AJAX，我们可以方便地获取和修改数据库中的数据，从而使Web应用程序更加灵活、高效。