js怎么调用mysql数据库

发布时间:2024-09-29 03:19:49

阅读量:79

要在JavaScript中调用MySQL数据库，您需要创建一个后端服务（例如使用Node.js和Express框架）来与数据库进行通信。然后，您可以使用AJAX或Fetch API在前端JavaScript中请求这些服务。

以下是一个简单的示例，说明如何使用Node.js和Express框架创建后端服务，以及如何在JavaScript中使用Fetch API调用MySQL数据库。

首先，确保您已安装了Node.js。接下来，创建一个新的项目文件夹，然后在该文件夹中运行以下命令以初始化项目并安装所需的依赖项：

npm init -y
npm install express mysql body-parser

在项目文件夹中创建一个名为app.js的文件，并添加以下代码以设置Express服务器和MySQL连接：

const express = require('express');
const mysql = require('mysql');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.json());

const db = mysql.createConnection({
  host: 'localhost',
  user: 'your_username',
  password: 'your_password',
  database: 'your_database'
});

db.connect((err) => {
  if (err) throw err;
  console.log('MySQL connected!');
});

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

请确保将your_username、your_password和your_database替换为您的MySQL数据库的实际凭据。

现在，我们将创建一个简单的API端点，该端点将查询MySQL数据库并将结果返回给前端。在app.js中添加以下代码：

app.get('/api/data', (req, res) => {
  const sql = 'SELECT * FROM your_table';
  db.query(sql, (err, results) => {
    if (err) throw err;
    res.json(results);
  });
});

请确保将your_table替换为您要查询的MySQL表名。

运行服务器：

node app.js

现在，您的服务器正在监听端口3000上的请求。

在前端JavaScript中，您可以使用Fetch API调用此API端点并获取数据。例如，在HTML文件中的[removed]标签内，添加以下代码：

fetch('http://localhost:3000/api/data')
  .then((response) => response.json())
  .then((data) => console.log(data))
  .catch((error) => console.error('Error:', error));