AJAX（Asynchronous JavaScript and XML）是一种用于创建动态、交互式网页应用程序的技术。它可以在不重新加载整个页面的情况下更新网页的内容，实现异步请求和响应。通过使用AJAX，前端可以向后端发送请求，并获取后端数据库中的数据。这使得网站能够从服务器动态地获取、更新和显示数据，为用户提供更好的用户体验。

举例来说，假设我们正在开发一个在线商城网站。当用户在搜索框中输入关键字并点击搜索按钮时，我们需要向后端发送一个AJAX请求，以获取与关键字相关的商品信息并在页面中显示出来。通过AJAX，我们可以在不刷新整个页面的情况下，根据用户的搜索请求从数据库中获取商品数据，并将这些数据动态地插入到网页上。

那么如何使用AJAX向后端发送数据库请求呢？首先，我们需要创建一个XMLHttpRequest对象，它用于与服务器进行通信。然后，我们需要指定请求的类型、URL和是否是异步请求。接下来，我们可以通过调用open()方法和send()方法来发送请求，并通过onreadystatechange事件来监听服务器的响应。一旦服务器响应就绪，我们可以从responseText或responseXML属性中获取后端传送的数据。

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = this.responseText;
// 处理从后端返回的数据
}
};
xhttp.open("GET", "http://example.com/backend", true);
xhttp.send();

通过上面的示例代码，我们可以看到AJAX通过XMLHttpRequest对象实现了与后端数据库的通信。在这个例子中，我们向"http://example.com/backend"发送了一个GET请求，并将响应存储在data变量中。我们可以根据后端返回的数据，动态更新网页上的内容。

除了发送GET请求，我们还可以通过AJAX发送POST请求来向后端发送数据并进行数据库操作。举例来说，当用户在网页上提交注册表单时，我们可以通过AJAX将表单数据发送到后端，然后后端将这些数据插入到数据库中。

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = this.responseText;
// 处理从后端返回的响应
}
};
xhttp.open("POST", "http://example.com/backend", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("username=test&password=123");

在这个例子中，我们通过AJAX向"http://example.com/backend"发送了一个POST请求，并在请求头中设置了Content-type为"application/x-www-form-urlencoded"，以确保后端能够正确地解析我们发送的数据。我们可以使用send()方法将表单数据以键值对的形式（比如"username=test&password=123"）发送给后端，并在后端进行数据库操作后，将响应发送回前端，通过responseText属性获取响应数据，并进行相应的处理。

总结来说，AJAX可以通过XMLHttpRequest对象实现前端与后端数据库的通信，使得网站能够动态地获取、更新和显示数据，提升用户体验。我们可以通过GET请求获取数据，也可以通过POST请求向后端发送数据并进行数据库操作。AJAX为网站开发者提供了更强大的工具，让我们能够创建更加交互式和灵活的网页应用程序。