用AJAX从数据库返回数据

AJAX（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术。它使用JavaScript和XML来实现异步数据交换，可以在不重新加载整个页面的情况下更新部分页面内容。AJAX可以从服务器请求数据并将其返回到网页，从而实现动态更新。在前端开发中，AJAX常用于与后端服务器进行数据交互。

要使用AJAX从数据库返回数据，需要先在后端编写接口，将数据库中的数据以JSON格式返回给前端。在前端代码中，可以使用XMLHttpRequest对象来向后端发送请求并接收返回的数据。以下是一个简单的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/getData', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 处理返回的数据
  }
};
xhr.send();

在这个示例中，我们使用XMLHttpRequest对象向后端发送了一个GET请求，请求的地址是/api/getData。当接收到返回的数据时，我们将其解析为JSON格式，并进行处理。

需要注意的是，由于AJAX是异步的，因此需要在接收到返回数据后再进行处理。如果直接在发送请求后立即处理数据，可能会得到空数据或者错误数据。

在实际开发中，还需要考虑安全性和性能等问题。例如，需要对请求进行验证和过滤，避免SQL注入等安全问题；同时，需要考虑如何优化请求和响应的速度，避免影响网页的性能。