前端如何获取后端MySQL数据并显示 - 示例代码

在前端中，你可以通过使用 AJAX 或 Fetch API 来从后端获取数据，并使用 JavaScript 来处理和显示这些数据。下面是一个简单的例子：

// HTML
<div id='data-container'></div>

// JavaScript
const dataContainer = document.getElementById('data-container');

// 使用 Fetch API 获取数据
fetch('/api/data') // 替换为你的后端 API 地址
  .then(response => response.json())
  .then(data => {
    // 处理数据并显示到前端
    data.forEach(item => {
      const element = document.createElement('p');
      element.textContent = item.name; // 假设数据中有一个名为 name 的字段
      dataContainer.appendChild(element);
    });
  })
  .catch(error => {
    console.error('Error:', error);
  });

在这个例子中，前端使用 Fetch API 发送一个 GET 请求到 /api/data 地址，后端返回的数据会被转换为 JSON 格式。然后，我们使用 JavaScript 处理这些数据，并将其显示在一个 div 元素中。

请注意，这只是一个简单的示例，你需要根据你的具体需求和后端 API 的返回格式进行相应的调整。