前端对接后端API示例

前端对接后端API的示例可以通过以下步骤来实现：

1. 在前端代码中，使用 XMLHttpRequest 或 Fetch API 来发送 HTTP 请求到后端的 API 接口。例如，可以使用以下代码发送一个 GET 请求：

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

2. 在后端，你可以使用任何你喜欢的编程语言和框架来处理这个 API 请求。例如，如果你使用 Node.js 和 Express 框架，你可以创建一个路由来处理这个请求，并返回相应的数据。以下是一个简单的示例：

const express = require('express');
const app = express();

app.get('/data', (req, res) => {
  // 处理请求逻辑
  const data = {
    message: 'Hello, world!'
  };

  // 返回数据
  res.json(data);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

3. 当前端发送请求时，后端会接收到该请求并执行相应的逻辑。在上述示例中，后端会返回一个包含 "Hello, world!" 消息的 JSON 对象。

4. 前端收到后端返回的响应后，可以根据需要对数据进行处理和展示。在上述示例中，前端通过 `.json()` 方法将响应解析为 JSON 对象，并在 `.then()` 方法中处理返回的数据。

这只是一个简单的示例，实际情况下会更加复杂。你可能需要在请求中传递参数、处理不同的 HTTP 方法以及处理错误等。但这个示例可以帮助你了解前端与后端API对接的基本流程。