技术指南：前端从后端获取数据库数据

2023-10-12 15:02:33

对于前端开发人员来说，从后端获取数据库数据是构建交互式和动态 web 应用程序的关键任务。在本指南中，我们将探讨使用 Node.js、MySQL 和 Express.js 从后端获取数据库数据的步骤，并解决常见的错误。

使用 Node.js 连接到 MySQL 数据库

首先，你需要在 Node.js 应用程序中建立与 MySQL 数据库的连接。你可以使用 MySQL npm 包来实现这一点。

const mysql = require('mysql');

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'username',
  password: 'password',
  database: 'database_name'
});

connection.connect((err) => {
  if (err) throw err;
  console.log('Connected to MySQL database');
});

使用 Express.js 创建 API 路由

接下来，你需要在 Express.js 应用程序中创建 API 路由，该路由将处理前端发送的请求并返回数据库数据。

const express = require('express');

const app = express();

app.get('/api/data', async (req, res) => {
  try {
    const data = await getDataFromDatabase();
    res.json(data);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

获取数据库数据

在 API 路由的处理程序中，你可以使用 MySQL npm 包从数据库获取数据。

async function getDataFromDatabase() {
  return new Promise((resolve, reject) => {
    const query = 'SELECT * FROM table_name';

    connection.query(query, (err, results) => {
      if (err) reject(err);
      resolve(results);
    });
  });
}

使用 Ajax 从前端获取数据

最后，你可以使用 Ajax 从前端调用 API 路由并获取数据库数据。

$.ajax({
  url: '/api/data',
  method: 'GET',
  success: (data) => {
    // Process and display the data on the frontend
  },
  error: (err) => {
    console.log(err.message);
  }
});